LPDFIGHT的博客

1.什么是并集选择器? 作用: 给所有选择器选中的标签设置属性 格式: 选择器1,选择器2{ 属性:值; } 注意点: 1.并集选择器必须使用,来连接 2.选择器可以使用标签名称/id名称/class名称 html lang="en"> head> meta charset="UTF-8"> title>并集选择器title> style>

1.通过我们的观察发现a标签存在一定的状态 1.1默认状态, 从未被访问过 1.2被访问过的状态 1.3鼠标长按状态 1.4鼠标悬停在a标签上状态 2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式的 3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :activ

在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素 1.什么是块级元素, 什么是行内元素? 块级元素会独占一行 行内元素不会独占一行 容器级的标签 div h ul ol dl li dt dd ... 文本级的标签 span p buis stong em ins del ... 块级元素 p div h u

1.什么是div? 作用: 一般用于配合css完成网页的基本布局 2.什么是span? 作用: 一般用于配合css修改网页中的一些局部信息 3.div和span有什么区别? 1.div会单独的占领一行,而span不会单独占领一行 2.div是一个容器级的标签, 而span是一个文本级的标签 4.容器级的标签和文本级的标签的区别? 容器级的标签中可以嵌套其它所有的标签 文本级的标签中只能嵌套文

1.什么是优先级? 作用:当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定 2.优先级判断的三种方式 2.1间接选中就是指继承 如果是间接选中, 那么就是谁离目标标签比较近就听谁的 2.2相同选择器(直接选中) 如果都是直接选中, 并且都是同类型的选择器, 那么就是谁写在后面就听谁的 2.3不同选择器(直接选中) 如果都是直接选中, 并且不是相同类型的选

1.什么是层叠性? 作用: 层叠性就是CSS处理冲突的一种能力 注意点: 层叠性只有在多个选择器选中"同一个标签", 然后又设置了"相同的属性", 才会发生层叠性 CSS全称 Cascading StyleSheet html lang="en"> head> meta charset="UTF-8"> title>CSS三大特性之层叠性title> style

1.什么是继承性? 作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 注意点: 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1a标签的文字颜色和下划线是不能继承的 3.2h标签的文字大小是不能继承的 应用场景: 一

1.什么是属性选择器? 作用: 根据指定的属性名称找到对应的标签, 然后设置属性 格式: [attribute] 作用:根据指定的属性名称找到对应的标签, 然后设置属性 [attribute=value] 作用: 找到有指定属性, 并且属性的取值等于value的标签, 然后设置属性 最常见的应用场景, 就是用于区分input属性 input[type=password]{} -->1.属性

1.相邻兄弟选择器 CSS2 作用: 给指定选择器后面紧跟的那个选择器选中的标签设置属性 格式: 选择器1+选择器2{ 属性:值; } 注意点: 1.相邻兄弟选择器必须通过+连接 2.相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签 2.通用兄弟选择器 CSS3 作用: 给指定选择器后面的所有选择器选中的所有标签设置属性 格式: 选择器1~选择器2{ 属性:

CSS3中新增的选择器最具代表性的就是序选择器 1.同级别的第几个 :first-child 选中同级别中的第一个标签 :last-child 选中同级别中的最后一个标签 :nth-child(n) 选中同级别中的第n个标签 :nth-last-child(n) 选中同级别中的倒数第n个标签 :only-child 选中父元素中唯一的标签 注意点: 不区分类型 2.同类型的第几个 :first-

1.规定文字样式的属性 格式：font-style: italic; 取值： normal：正常，默认的 italic：倾斜的 快捷键： fs+tab font-style: italic; fsn+tab font-style: normal; 2.规定文字粗细的属性 格式：font-weight:bold; 取值： 单词取值： bold（加粗）bolder（更加粗）

1.什么是交集选择器? 作用: 给所有选择器选中的标签中, 相交的那部分标签设置属性 格式: 选择器1选择器2{ 属性: 值; } 注意点: 1.选择器和选择器之间没有任何的连接符号 2.选择器可以使用标签名称/id名称/class名称 3.交集选择器仅仅作为了解, 企业开发中用的并不多 html lang="en"> head> meta charset="UTF-8

1.什么是子元素选择器? 作用: 找到指定标签中所有特定的直接子元素, 然后设置属性 格式: 标签名称1>标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素 注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连接, 并且不能有空格 3.子元素选择器不仅仅可

1.什么是后代选择器? 作用: 找到指定标签的所有特定的后代标签, 设置属性 格式: 标签名称1 标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签, 然后在设置属性 div p{} 注意点: 1.后代选择器必须用空格隔开 2.后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代 3

1.什么是边框？ 边框就是环绕在标签宽度和高度周围的线条。 2.边框属性的格式 2.1连写（同时设置四条边的边框） border:边框的宽度 边框的样式 边框i的颜色； 快捷键：bd+ border:1px solid #000 （solid表示实线，dashed表示虚线） 注意点： 1.连写格式中颜色属性可以省略，省略之后默认黑色。 2.连写格式中样式属性不能省略，省略之后看不

1.什么是外边距? 标签和标签之间的距离就是外边距 2.格式 2.1非连写 margin-top: ; margin-right: ; margin-bottom: ; margin-left: ; 2.2连写 margin: 上 右 下 左; 2.这三个属性的取值省略时的规律 2.1上 右 下 左 > 上 右 下 > 左边的取值和右边的一样 2.2上 右 下 左 > 上 右 > 左边的取值

1.什么是内边距? 边框和内容之间的距离就是内边距 2.格式 2.1非连写 padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; 2.2连写 padding: 上 右 下 左; 2.这三个属性的取值省略时的规律 2.1上 右 下 左 > 上 右 下 > 左边的取值和右边的一样 2.2上 右 下 左 > 上 右 >

一.如何设置标签的背景颜色 在css中有一个background-color:属性，就是专门用来设置背景颜色的 取值： 具体的单词 rgb rgba 十六进制 二.如何设置背景图片？ 在css中有一个叫做background-image的属性，就是专门用来设置背景图片的 注意点： 1.图片的地址必须放在url()中，图片的地址可以是本地的地址，也可以是网络的地址

一：id选择器 1.什么是id选择器？ 作用：根据指定的id名称找到对应的标签，来设置属性 2.格式: #id名称{ 属性:值; } 3.注意点 1.每个HTML标签都有一个id属性，也就是说每个标签都能设置id 2.在同一个界面中id的名称是不可以重复的 3.在编写id选择器时一定要在id名称前面加上#，否则无效 4.id的名称是有一定的规范的 4.1id的名称只

一：缩写格式：font:style weight size family; 例如：italic bold 10px "楷体"； 注意点：1.在这种缩写格式中有的属性值可以省略（style、weight可以省略）。 2.在这种缩写格式中style和weight的位置可以交换。 3.在这种缩写格式中有的属性不可以省略（size、family不能省略）。 4.在这种缩写格式中size和fa