2017年6月26日
CSSS长度单位rem
摘要： em是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位） 一、em单位带来的问题 我们知道，em的长度是根据元素自身的font-size大小来确定的： 1 1 如果元素自身没有设置font-size，那么em的长 阅读全文
posted @ 2017-06-26 17:10 zc168 阅读(257) 评论(0) 推荐(0) 编辑
CSS长度单位EM
摘要： CSS中有众多单位，常用的px是绝对单位，em则是相对单位。在响应式和移动端的大前提下，使用em能够更方便快捷的一次性调整web文档极其HTML元素的字体大小、宽度、边距、边框等一系列属性，可以说在某些方面，使用em作为单位比px更灵活。 一、什么是em 1.em的长度 em是CSS中的一个相对单位 阅读全文
posted @ 2017-06-26 17:02 zc168 阅读(379) 评论(0) 推荐(0) 编辑
CSS层叠
摘要： 当你随机打开一个页面，查看源代码，你会发现，同一个元素，不止有一个CSS选择器及对应的样式。而一个元素只能应用一个样式，那么一堆样式中究竟是应用哪一个呢？这就涉及到CSS的层叠规则了。下面就来总结下CSS的层叠规则。 概念：CSS中的层叠就是让多个来源的样式叠加在一起，然后结合样式的特殊性（后面详细 阅读全文
posted @ 2017-06-26 15:15 zc168 阅读(221) 评论(0) 推荐(0) 编辑
2017年6月23日
CSS文本
摘要： line-height 可以给某个元素指定一个不带单位的缩放因子，这样它的后代元素就会继承这个缩放因子，再根据自身的字号大小来计算自己的行高(line-height)值， body { font-size: 12px; line-height: 1.5; } h1 { font-size: 36px 阅读全文
posted @ 2017-06-23 15:38 zc168 阅读(132) 评论(0) 推荐(0) 编辑
CSS精简代码
摘要： 精简CSS代码可以帮助减小样式文件的大小，使代码清晰，方便维护。 使用简写属性及默认值 常用简写属性包括 animation、background、border、font、margin、padding、transition... 使用简写的 font 属性时如果不使用 icon 等关键字时至少要指定 阅读全文
posted @ 2017-06-23 15:34 zc168 阅读(566) 评论(0) 推荐(0) 编辑
CSS重要性
摘要： 1、有时候某个声明可能非常重要，超过了其他所有的声明，这个称之为重要声明。 重要声明的表示为：在声明的结束分号之前插入 !important来标志。 p.dark{color:#333 !important;font-size:16px;}。如果希望大小属性也重要，则也需要再font-size声明结 阅读全文
posted @ 2017-06-23 15:32 zc168 阅读(458) 评论(0) 推荐(0) 编辑
2017年6月22日
CSS特殊性
摘要： 我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。 4个等级的定义如下： l 第一等：代表内联样式，如: style=””，权值为1000。 l 第二等：代表ID选择器，如：#content，权值为01 阅读全文
posted @ 2017-06-22 20:59 zc168 阅读(179) 评论(0) 推荐(0) 编辑
选择器—总结
摘要： 1 /*元素选择器*/ 2 body{color:red;} 3 h2,a,p{color:blue;} 4 5 /*通配选择器*/ 6 *{color:red;} 7 8 /*类选择器*/ 9 *.span{color:red;} 10 table.test{color:red;} 11 .test1.test2.test3{color:red;} 12 13 /*ID... 阅读全文
posted @ 2017-06-22 19:32 zc168 阅读(154) 评论(0) 推荐(0) 编辑
选择器—伪类选择器
摘要： 1、链接伪类 ：link 指示作为超链接并指向一个未访问的地址的锚 ：visited 指示作为已访问地址超链接的所有锚 可以对链接伪类进行颜色，样式等属性的设置。 2、动态伪类 ：focus 指示当前拥有输入焦点的元素，也就是说，可以接受键盘输入或者能以某种方式激活的元素 ：hover 指示鼠标指针 阅读全文
posted @ 2017-06-22 19:04 zc168 阅读(266) 评论(0) 推荐(0) 编辑
选择器—文档结构
摘要： 1、结构文档中有2种关系，父子关系或祖先-后代关系；父子关系是一种特殊的祖先-后代关系。 2、语法结构如下： 祖先 后代{ 属性名：属性值} 祖先 后代之间间隔一代的父子关系，也可以是间隔很多代的祖先后代关系 也可以是更复杂的关系：ul ol ul li { color : blue ; } 也可以 阅读全文
posted @ 2017-06-22 15:49 zc168 阅读(268) 评论(0) 推荐(0) 编辑
下一页