读书笔记
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了读书笔记相关的知识,希望对你有一定的参考价值。
css语法结构:
selector{property:value;}属性值名称过长且带有空格,要用引号包含,如"sans serif"
css中的注释:
/*this is a comment*/
css中的简写:
颜色 十六进制形式#RRGGBB
RGB函数值形式RGB(x,x,x) x可为0~255数值,也可以是0~100%百分数(但是与255乘积必须是整数)
直接写颜色名,如 red yellow等
用户系统色盘值
当数值为0的时候,单位可省略;
border属性简写:width style color
font属性: 文字大小和行高之间用/分开 ,如12px/140%
ol和ul中的list-style属性:image position type(标记样式)
css选择符:
通配符选择符:
*{ margin:0; padding:0; }/*初始化页面*/
类选择符:
.main{ width:200px; height:300px; } <div class="main"></div>
包含选择符(后代选择符):
p span{color:red;} <p>我们是<span>谁</span></p>
子选择符:
body>span{ font-size:18px; } <body> <span>我受影响</span> <p>我<span>不受影响</span></p> </body>
相邻选择符:
p+p{background-color: yellow;} <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> /*只影响2345*/
属性选择符:
E[attr]/*选择所有带有attr属性的E标签*/ E[attr="value"]/*选择所有attr属性值为value的E标签*/ E[attr~="value"]/*选择所有attr属性值为有value字段且用空格隔开的E标签*/ E[attr|="value"]/*选择所有attr属性值为以value值开始及使用连字符"-"分隔的E标签*/
ID选择符:
#main{border-color: red;} <div id="main"></div>
以上是关于读书笔记的主要内容,如果未能解决你的问题,请参考以下文章