摘要：
padding是盒子内容与边框的距离。 注释：在盒子加上padding之后，例如padding:10px，会造成盒子宽高实际上都增加了10px。 嵌套中的盒子也就是子盒子，如果继承了父盒子的宽，那么不管子盒子如何增加padding-left、padding-right的值都不会撑大自己的宽，高是可以 阅读全文
posted @ 2017-11-02 21:24
var_obj
阅读(414)
评论(0)
推荐(0)
摘要：
CSS中的盒子具有以下几个种重要的属性: 1、border（边框） ：盒子的厚度 2、padding（内边距）：盒子内容距离盒子边框的距离 3、margin（外边距）：盒子边框与其他的盒子的距离 阅读全文
posted @ 2017-11-02 20:54
var_obj
阅读(148)
评论(0)
推荐(0)
摘要：
表格细线： 效果： 阅读全文
posted @ 2017-11-02 18:02
var_obj
阅读(266)
评论(0)
推荐(0)
摘要：
搜索栏图标： 效果： 视频列表图标： 效果： 购物车图标： 素材： 效果： 在点击购物车图标后背景图片会立马切换到登陆： 阅读全文
posted @ 2017-11-02 17:02
var_obj
阅读(711)
评论(0)
推荐(0)
摘要：
背景经常用到以下属性： 特别注意： 1、background-position如果只写一个值，那么第二值默认是center 2、background-attachment的值是scroll的时，它是相对盒子进行定位的。如果是fixed的话，它是相对于浏览器进行定位。 属性的连写： 阅读全文
posted @ 2017-11-02 16:25
var_obj
阅读(1053)
评论(0)
推荐(0)
摘要：
通过行内块、伪类对导航栏进行设置 效果： 阅读全文
posted @ 2017-11-02 15:30
var_obj
阅读(570)
评论(0)
推荐(0)
摘要：
在a标签中运用最多： 1、a:link {color: #FF0000} /* 未访问的链接 */ 2、a:visited {color: #00FF00} /* 已访问的链接 */ 3、a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ 4、a:active {colo 阅读全文
posted @ 2017-11-02 15:28
var_obj
阅读(214)
评论(0)
推荐(0)
摘要：
样式优先级：默认样式<标签选择器<类选择器<id选择器<行内样式<!important 注释：上述代码为了屏蔽样式的层叠性，样式表都是反浏览器渲染的过程书写的，最后还是以标注了!important的标签选择器为为主。 优先级特点: 1、继承的权重为0 2、权重会叠加 注释： 1、在样式表中子元素如果 阅读全文
posted @ 2017-11-02 11:59
var_obj
阅读(301)
评论(0)
推荐(0)
摘要：
继承性发生的前提是包含（嵌套关系）。 1、文字颜色可以继承 2、文字大小可以继承 3、字体可以继续 4、字体粗细可以继承 5、文字风格可以继承 6、行高可以继承 总结：文字的所有属性都可以继承。 特殊情况： h系列不能继承文字大小。 a标签不能继承文字颜色。 注释： 1、假设父元素div提供了字体大 阅读全文
posted @ 2017-11-02 11:44
var_obj
阅读(412)
评论(0)
推荐(0)
摘要：
层叠性：浏览器渲染是从上而下的，当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。 注释：上述代码最后显示的效果是.box2中的样式。 阅读全文
posted @ 2017-11-02 11:20
var_obj
阅读(190)
评论(0)
推荐(0)
摘要：
行内元素：span ,a, ,strong , em, del, ins。特点：在一行上显示；不能直接设置宽高；元素的宽和高就是内容撑开的宽高。 块元素：div,h1-h6,p,ul,li。特点：独占一行；可以设置宽高；注释：嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。 行 阅读全文
posted @ 2017-11-02 11:06
var_obj
阅读(1227)
评论(0)
推荐(0)
摘要：
交集选择器：标签+类（ID）选择器{属性：值；}。即要满足使用了某个标签，还要满足使用了类（id）选择器。 并集选择器：选择器+，+选择器+，选择器{属性:值;}。 后代选择器：选择器+空格+选择器{属性：值;}。后代选择器首选要满足包含（嵌套）关系。父集元素在前边，子集元素在后边。无限制隔代。只要 阅读全文
posted @ 2017-11-02 01:48
var_obj
阅读(1258)
评论(0)
推荐(0)
摘要：
基本的表单控件还有html5的一些新的表单控件： 最后效果： 参考：HTML <input> 标签 阅读全文
posted @ 2017-11-02 00:59
var_obj
阅读(322)
评论(0)
推荐(0)
浙公网安备 33010602011771号