![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 83
Fraser207
这个作者很懒,什么都没留下…
展开
-
@规则、字体图标、BFC、布局
@规则 @规则又叫,@语句,CSS语句,CSS指令 1.important @important" ",引号中写路径 2.charset @charset"utf-8"; 告诉浏览器该CSS文件使用的字符编码集是utf-8,必须写到第一行 3.font-face <style> @font-face{ font-family: "翩翩体"; src: url("./font/翩翩体.ttf");原创 2022-01-05 15:18:15 · 272 阅读 · 0 评论 -
常规流布局、浮动、定位
css中布局规则又叫视觉格式化模型 是指页面中多个盒子排列规则 比如:盒模型是指规定单个盒子的规则 视觉格式化模型大体上将页面中盒子的排列分为三种方式 1.常规流 2.浮动 3.定位 常规流布局 常规流又叫文档流,普通文档流,常规文档流 所有元素默认情况下,都属于常规流布局 总体规则:块盒独占一行,行盒水平依次排列 包含块:每个盒子都有它的包含快,包含块决定了盒子的活动范围(排列区域) 绝大部分情况下,盒子的包含块,为其父元素的内容盒 1.块盒 1)每个块盒的总宽度,必须刚好等于原创 2022-01-02 17:37:40 · 305 阅读 · 0 评论 -
盒模型和行盒盒模型
目录 盒模型 1.盒子类型: 2.盒子的组成部分: 盒模型应用: 1.改变宽高范围: 2.改变背景覆盖范围: 3.溢出处理: 4.断词规则 5.空白处理: 行盒盒模型 1.显著特点 2.行块盒(通常用于作分页) 3.空白折叠 4.可替换元素和非可替换元素 盒模型 box:盒子 每个元素在页面中都会生成一个矩形区域(盒子) 1.盒子类型: 1)行盒,即display:inline 2)块盒,即display:block 行盒在页面中不换行,块盒独占一行 浏览器默认样式原创 2021-12-30 16:40:45 · 311 阅读 · 1 评论 -
层叠、继承及属性值的计算过程
目录 层叠 1.比较重要性: 2.比较特殊性: 3.比较源次序 4.应用 继承 属性值的计算过程 1.确定声明值 2.层叠冲突 3.使用继承 4.使用默认值 层叠 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,浏览器的自动处理(权重计算) 1.比较重要性: 重要性从高到低: 1)作者样式表中的!important样式 2)作者样式表中的普通样式 3)浏览器默认样式表中的样式 2.比较特殊性: 总体规则:选择器选中的范围越窄,越特殊 具体原创 2021-12-29 16:18:19 · 182 阅读 · 0 评论 -
为网页添加样式(选择器和声明块)
css规则=选择器+声明块 简单的选择器 选择器的作用:帮助开发者精准的选中想要的元素 id选择器 选中的是对应Id值的元素(元素后跟id,对应声明块中#后缀) <style> #text{ color: red; background-color: black; } </style> </head> <body> <p id="tex..原创 2021-11-27 00:58:33 · 575 阅读 · 0 评论