博客首页 → CSS

最新文章列表

rem与px转换工具

rem与px转换工具  http://www.pcjson.com/px2rem/
css 
fuhsea 评论(0) 有749人浏览 2019-11-18 00:11

两端是圆角的进度条

  .progress-bar-container { background-color: gray; height: 10px; width: 120px; border-radius: 5px; overflow: hidden; .progress-bar { height: 10px; background-color: g ...
CSS 
lyj86 评论(0) 有356人浏览 2019-10-18 15:37

DataV教你如何给可视化应用一键美颜

如果你平时经常接触数据统计、数据展示和决策分析，相信你对DataV一定有所了解。DataV作为一站式实时数据可视化应用搭建工具，拥有图形化、拖拽式、近乎零代码的使用体验，能帮助大家轻松搭建属于自己的数据看板和数据大屏。 什么是智能主题设计功能 大家做可视化应用的时候可能会遇到一个问题，那就是需要给图表配色。不少的DataV用户总是担心自己的艺术素养会拖累大屏的颜值，比如说做出来像下图这样的应用效果 ...
算法工作css 
大涛学长 评论(0) 有392人浏览 2019-09-19 16:11

基于代码生成器的快速开放平台，learun框架源码下载

  Learun是一款基于代码生成器的智能快速开发平台，可以帮助解决.net项目中80%的重复工作，让开发者更多关注业务逻辑。既能快速提高开发效率，帮助 ...
框架sql servermvc脚本css 
大家都说我很棒 评论(0) 有478人浏览 2019-09-05 16:40

link和@import的区别

【前言】      本文简单介绍下link与@import区别     【主体】 （1）@import优缺点     @import可以在css中引入其他样式表利于修改和扩展   第一种 ...
CSS教学笔录前端积累 
青春..荒唐 评论(0) 有562人浏览 2019-07-27 10:07

css :before的用法

<style> ol>li {   list-style-type:none;   counter-increment:item; } ol>li:before {   width:1.5em;   font-weight:bold;   content:counter(item) "."; } </style> &l ...
css:beforecounter 
lihong11 评论(0) 有754人浏览 2019-04-19 18:14

[CSS]如何使div不随窗口缩放而移位

网上有不少方法,但是最简洁的就是: <style> div{ white-space:nowrap; } </style>  或者: <div id="tb" style="padding: 8px; width:auto; height: auto;white-space:no ...
divcss 
繁星水 评论(0) 有1590人浏览 2019-03-27 18:30

[CSS]CSS插入样式

如何插入样式表 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种：   外部样式表 当样式需要应用于很多页面 ...
CSS 
繁星水 评论(0) 有464人浏览 2019-03-27 18:28

CSS样式大全

字体属性：(font)   大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD   样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)   行高 {line-height: normal;}(正常) 单位：PX、PD、EM   粗细 {fo ...
css 
dwj147258 评论(0) 有421人浏览 2019-03-17 21:49

使用AST快速解决css代码重构问题

抽象语法树（AST）相信很多从事后端开发的同学都已经很了解了，得益于nodejs这两年的发展，很多前端同学也对AST有所研究，像近两年出现的小程序开发框架wepy mpvue等确实解决了不少前端开发中的实际问题，像mpvue这种框架的原理是什么，其中比较核心的功能就是使用AST来完成js,html,css的编译，趁着年初不忙，对去年一个项目中AST的应用做下简单分享，高手勿喷哈！   先说下 ...
cssjscss-tree 
a19905522 评论(0) 有680人浏览 2019-02-14 11:26

弹性盒模型（2）------Flex容器元素

【前言】       本文简单总结下弹性盒模型的元素组成   【主体】       采用flex布局的元素，被称为flex容器（flex container），简称容器。它的所有子元素会自动成为容器成员，称为flex项目（flex item），简称项目           容器存在两根轴，主轴（main axis）和纵轴即垂直的交叉轴（cross axis）。主轴开始位置为main st ...
笔记随笔教学笔录CSS常见特效前端积累 
青春..荒唐 评论(0) 有1109人浏览 2019-01-24 17:25

弹性盒模型（1）------Flex布局对子元素影响

【前言】       总结讲解下弹性盒模型布局相关知识点，为以后课件做备录。本文简单讲解下Flex布局对子元素影响   【主体】       设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效 <!DOCTYPE html> <html> <head> <meta charset=" ...
笔记随笔教学笔录CSS常见特效前端积累 
青春..荒唐 评论(0) 有1916人浏览 2019-01-24 16:40

CSS优化单选多选按钮样式（2）

【前言】       本文简单介绍下如何优化自定义单选多选按钮的样式。       之前介绍过一种方法，利用伪元素添加选中后的√和圆点--content内填入c ...
笔记随笔教学笔录学生提问常见特效CSS 
青春..荒唐 评论(0) 有1620人浏览 2019-01-16 11:35

浅谈纯CSS实现二级导航（优缺点与局限性）

【前言】       本文简单说下如何用CSS实现二级导航，CSS实现的缺点很明显：二级导航无法实现过渡效果，高度变化由0变auto的过程和display由none变bloc ...
笔记随笔常见特效教学笔录学生提问CSS 
青春..荒唐 评论(0) 有2068人浏览 2019-01-15 09:26

纯CSS实现半圆、1/4圆

【前言】      本文简单介绍下实现半圆、1/4圆的几种方案   【主体】       （1）半圆     实现原理：border两个方向的值的设定     1、下半圆 <div class="area"></div> .area{ width: 100px; height: 50px; background: red; ...
笔记随笔CSS常见特效教学笔录 
青春..荒唐 评论(0) 有3241人浏览 2019-01-12 15:49

CSS优化单选多选按钮样式（1）

【前言】     本文简单介绍一种优化自定义单选和多选框样式的方法   【主体】 原理：（1）利用label关联标签进行模拟，然后将原选择的按钮隐藏；    （2）选中样式设置：input[type="radio"]:checked+label和input[type="checkbox"]:checked+label    （3）利用伪元素添加 ...
笔记随笔前端积累常见特效CSS教学笔录 
青春..荒唐 评论(0) 有2065人浏览 2019-01-11 15:30

最近博客热门TAG

HTML(59043) JavaScript(54918) Web(54513) CSS(23971) jQuery(19234) Flash(19042) Ajax(18943) Flex(14085) EXT(14011) UI(11211) json(9986) prototype(7832) Adobe(5823) XHTML(5459) HTML5(4513) DWR(3402) GWT(3220) AIR(2592) fckeditor(1554) Dojo(1458)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics