css3基本知识

mac2024-03-07  59

一、CSS选择器

代码插入形式:内联式、嵌入式和外部式三种 优先级:内联式 > 嵌入式 > 外部式类和ID选择器的区别ID选择器只能在文档中使用一次可以使用类选择器词列表方法为一个元素同时设置多个样式子选择器大于符号(>), 用于选择指定标签元素的第一代子元素后代选择器空格作用于元素的所有后代通用选择器通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素伪类选择器a:hover{color:red;}现在常用的就是a:hover,能与所有浏览器兼容。分组选择符为html中多个标签元素设置同一样式h1,span{color:red;} 二、 元素分类: 块级元素,内联元素,内联块级元素。 块级元素特点: 每个块级元素都从新的一行开始,并且其后的元素也另起一行; 元素的高度、宽度、行高以及顶和底边距都可设置; 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 内联元素特点: 和其他元素都在一行上; 元素的高度、宽度及顶部和底部边距不可设置; 元素的宽度就是它包含的文字或图片的宽度,不可改变。 注意:、、、 和就是典型的内联元素(行内元素)(inline)元素。块状元素也可以通过代码display:inline将元素设置为内联元素。 内联块级元素特点: 和其他元素都在一行上; 元素的高度、宽度、行高以及顶和底边距都可设置。注意:内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。有t
最新回复(0)