qq_42453562的博客

@规则： at-rule：亦称@规则、@语句、css语句、css指令 1：import 引用：@import"路径" 导入另外一个css文件 ** 特：CSS中 link 和@import 的区别是？** (1) link属于HTML标签，而@import是CSS提供的; (2) 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; (3) im...

1：问题产生原因： （1）市场竞争 （2）标准版本的变化 2：厂商前缀 举例：box-sizing，谷歌旧版本浏览器中使用-webkit-box-sizing：border-box 改版：安装插件 浏览器在处理样式或元素时，遇到不能识别的代码，会直接略过（不会报错）。 原因：市场竞争，且标准没有发布。标准还是草案，浏览器厂商希望先坚持 IE：-ms- chrome，safari：-webki...

透明度： 学习链接：https://www.w3school.com.cn/css/css_image_transparency.asp 方法： （1）css属性：opacity。特：设置整个元素的透明，取值为0~1。示例：img{ opacity:0.4;filter:alpha(opacity=40); } （2）在颜色位置设置alpha通道（rgba）。特：alpha 参数是介于 0.0（完...

1：常规流 （1）盒模型：规定单个盒子的规则 （2）视觉格式化模型（布局规则）：页面中多个盒子排列规则。 视觉格式化模型，大体将页面上盒子排列 为三种方式：常规流布局、浮动、定位 1：常规流布局（亦称：文档流、普通文档流、常规文档流） ：所有元素、默认情况下，都属于常规流布局 ：总体规则：块盒独占一行，行盒水平依次排列 包含块（contanining block）:每个盒子都有他自己的包含块，包含...

box：盒子，每个元素在页面生成一个矩形区域。 一：盒子类型： 1：行盒： （1）display：inline的元素。 （2）页面中不换行。 （3）常见行盒：span、a、img、video、audio 2：块盒： （1）display：block的元素。 （2）页面中独占一行。 （3）浏览器默认样式表设置的块盒：容器元素，h1~h6、P 二：盒子组成部分： 1：内容：content （1）wid...

层叠 声明冲突：同一个样式，多次应用到同一个元素。 1：层叠（权重计算）：解决声明冲突的过程，浏览器自动处理 （1）：比较重要性：作者书写的样式会比浏览器的样式权重更高。 （2）：比较特殊性 总体规则：选择器选中的范围越窄，越特殊。 具体规则：通过选择器，计算出一个4位数（XXXX）。 千位：如果是内联样式，计为1。 百位：等于选择器选中的所有ID选择器的数量（但规定id只有一个） 十位：等于选...

语法基础： 1：css规则：选择器（选中元素）+声明块（声明块有很多声明（属性），表达样式） 学习链接：https://www.w3school.com.cn/css/css_syntax.asp 选择器：元素选择器 （1）ID选择器 （2）元素选择器 （3）class类选择器 ：https://www.w3school.com.cn/css/css_selector_class.asp 类选...