day04

最新推荐文章于 2024-05-14 03:15:00 发布

呃呃。。

最新推荐文章于 2024-05-14 03:15:00 发布

阅读量81

点赞数

本文链接：https://blog.csdn.net/whitegiveking/article/details/88062121

版权

一，调试工具：浏览器中打开后f12进入，调试工具：f12 或者鼠标右键--检查
字体大小设置：ctrl+鼠标滚轮 / ctrl+ +和-

二，选择器：

1，交集选择器，交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格

2，并集选择器，并集选择器（CSS选择器分组）是各个选择器通过<strong style="color:#f00">逗号</strong>连接而成的，任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式

3，后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代

4，子元素选择器：只能找到前面选择器的儿子，中间用 > 隔开*后代选择器和子代选择器：
后代选择器：所有的子代，包括儿子，孙子，重孙
子代选择器：只有当前元素的儿子

5，伪类选择器，伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果，比如可以选择第1个，第n个元素。

三，快捷方式：

{1. 生成标签直接输入标签名按tab键即可比如 div 然后tab 键，就可以生成 <div></div>
2. 如果想要生成多个相同标签加上 * 就可以了比如 div*3 就可以快速生成3个div
3. 如果有父子级关系的标签，可以用 > 比如 ul > li就可以了
4. 如果有兄弟关系的标签，用 + 就可以了比如 div+p
5. 如果生成带有类名或者id名字的，直接写 .demo 或者 #two tab 键就可以了}

四，标签的显示模式

1，块级元素：每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。

2，行级元素：行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。

3，行内块元素：在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。

4，元素的显示模式转换，包括有：

块转行内：display:inline;

行内转块：display:block;

块、行内元素转换为行内块： display: inline-block;

五，css三大特性

1，层叠性：

所谓层叠性是指多种CSS样式的叠加。

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。