![](https://img-blog.csdnimg.cn/20210131120650127.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 73
脚踏实地,不断努力,夯实基础。
丑阳璐
我们只是站在父母的肩上,见识了他们未曾见过的繁华。
展开
-
四.盒模型
盒模型 每个元素在页面中都会生成一个矩形区域(盒子)。 盒子类型: 行盒:dispaly等于inline的元素。 块盒:display等于block的元素。 行盒在页面中不换行,块盒独占一行。 display默认值为inline。 浏览器默认样式表中设置的块盒:容器元素,h1~h6,p 常见的行盒:span,a,img,video,audio 盒子的组成部分 无论是行盒和块盒都有以下几部分组成,从内到外分别是: 内容 content width,height设置的是盒子内容的宽高 通常叫原创 2021-03-07 02:40:07 · 160 阅读 · 0 评论 -
三.CSS层叠
层叠 声明冲突:同一个样式,多次应用到同一个元素。 层叠(权重计算):解决声明冲突的过程,浏览器自动处理。 1. 比较重要性 重要性从高到低: 作者样式表中的important background-color: deeppink !important; 作者样式表中的普通样式 浏览器默认样式表 2.比较特殊性 总体规则:选择器选中的范围越窄越特殊。 具体规则:通过选择器来进行计算。 <a href="" style="color: #008c8c;">知识<原创 2021-03-07 02:39:10 · 124 阅读 · 0 评论 -
二.选择器
选择器 简单选择器 1.ID选择器:选中对应id值的元素。 2.元素选择器 3.类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width原创 2021-03-03 19:14:31 · 134 阅读 · 1 评论 -
一.添加样式
1.为网页添加样式 ctrl + ?:文本内容CSS中的注释。 术语解释 h1{ color: red; background-color: lightblue; text-align: center; } CSS规则:选择器 + 声名块 选择器 选择器:用来选中元素。 ID选择器:选中对应id值的元素。 元素选择器 类选择器: <p class="big-center red">Doloribus temporibus tempora odio iure.原创 2021-03-03 19:12:58 · 108 阅读 · 1 评论