读书笔记

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>

 

 
 

 

 

以上是关于读书笔记的主要内容,如果未能解决你的问题,请参考以下文章

CSS复习笔记引入和语法

JavaScript权威指南读书笔记第一章

WebServices原理与研发实践——读书笔记1

CSS读书笔记:布局

《CSS3秘籍》(第三版)-读书笔记

简明python教程的读书笔记