《CSS那些事儿》第一章读书笔记

1
 
css语法结构:
1
selector{property:value;}

属性值名称过长且带有空格,要用引号包含,如"sans serif"

css中的注释:

1
/*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>
1
包含选择符(后代选择符):
p span{color:red;}
<p>我们是<span>谁</span></p>
1
子选择符:
body>span{
    font-size:18px;
}
<body>
    <span>我受影响</span>
    <p>我<span>不受影响</span></p>       
</body>
1
相邻选择符:
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标签*/ 
1
ID选择符:
#main{border-color: red;}
<div id="main"></div>

 

1
  
1
  

 

1
  
posted @   HerikutsuFE  阅读(100)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用
点击右上角即可分享
微信分享提示