- 博客(6)
- 收藏
- 关注
RSS订阅原创 CSS——盒模型
盒模型 box：盒子，每个元素在页面中都会生成一个矩形区域 盒子类型： 行盒：display属性等于inline的元素 块盒：display属性等于block的元素 行盒在页面中不换行，块盒独占一行 display默认值为inline 浏览器默认样式表设置的块盒：容器元素、h1~h6、p 常见的行盒：span、a、img、video、audio 盒子的组成部分 无论是行盒还是块盒，都有下面几个部分组成，从内到外分别是： 内容 content width、height，设置的是盒子内容的宽高 内容部分
2022-03-17 17:07:39
91
原创 CSS——盒模型
盒模型 box：盒子，每个元素在页面中都会生成一个矩形区域 盒子类型： 行盒：display属性等于inline的元素 块盒：display属性等于block的元素 行盒在页面中不换行，块盒独占一行 display默认值为inline 浏览器默认样式表设置的块盒：容器元素、h1~h6、p 常见的行盒：span、a、img、video、audio 盒子的组成部分 无论是行盒还是块盒，都有下面几个部分组成，从内到外分别是： 内容 content width、height，设置的是盒子内容的宽高 内容部分
2022-03-17 09:42:00
91
原创 CSS——继承&属性值的计算过程
继承 子元素继承父元素的某些CSS属性 通常，跟文字内容相关的属性都能被继承 通过在mdn里查询可以确认哪些属性不能被继承 属性值的计算过程 一个元素一个元素依次渲染，顺序按照页面文档的树形目录结构进行。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AqOO1OiR-1647432388377)(assets/2019-05-17-12-27-14.png)] 渲染每个元素的前提条件：该元素的所有CSS属性必须有值 一个元素，从所有属性都没有值，到所有的属性都有值，这个计算
2022-03-16 20:09:12
183
原创 CSS——层叠
层叠 声明冲突：同一个样式多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 1. 比较重要性 重要性从高到低： 作者样式表：开发者书写 作者样式表中的!important样式(轻易不用) 作者样式表中的普通样式 浏览器默认样式表中的样式 2. 比较特殊性 看选择器 总体规则：选择器选中的范围越窄，越特殊 具体规则：通过选择器，计算出一个4位数（X X X X），并非逢十进一。 千位：如果是内联样式，记1，否记0 百位：将选择器中所有id选择器的数量
2022-03-16 19:02:30
85
原创 CSS——常见样式声明
常见样式声明 color 元素内部的文字颜色 预设值：定义好的单词 三原色，色值：光学三原色（红、绿、蓝），每个颜色可以使用0-255之间的数字来表达色值。 rgb表示法 rgb(0,255,0) hex（16进制）表示法： #红绿蓝 淘宝红：#ff4400，#f40 黑色：#000000，#000 白色：#ffffff,#fff 红色：#ff0000，#f00 绿色：#00ff00，#0f0 蓝色：#0000ff，#00f 紫：#f0f 青：#0ff 黄：#ff0 灰：#ccc backgroun
2022-03-14 14:51:15
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人