《CSS那些事儿》第一章读书笔记
1 |
1selector{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 | |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 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 构建精确任务处理应用