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