CSS选择器

最新推荐文章于 2023-05-24 14:13:55 发布

web html

最新推荐文章于 2023-05-24 14:13:55 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/weixin_44748332/article/details/88978882

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

<ul>
 <li>复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的, 
 目的是为了可以选择更准确更精细的目标元素标签</li>
 <li>交集选择器由两个选择器构成,其中第一个为标签选择器, 第二个为class选择器,两个选择器之间不能有空格 
 交集选择器是并且的意思</li>
 <li>并集选择器(CSS选择器分组)是各个选择器通过逗号连接而成的, 任何形式的选择器:(包括标签选择器,class类选择器id选择器等)都可以作为并集选择器的一部分.</li>
 <li>后代选择器又称为包含选择器,用来选择元素或元素组的后代, 其写法就是把外层标签些在前面, 内层标签写在后面,中间用空格分隔</li>
 <li>元素选择器只能选择作为某元素子元素的元素 其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个>进行连接 注意,符号两侧各保留一个空格.</li>
 <li>伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果，比如可以选择第1个，第n个元素。</li>
 <li>链接伪类选择器: :link(未访问的链接) :visited(已访问的链接) :hover(鼠标移动到链接上) 
 :active(选定的链接)</li>
 <li>标签显示模式（display）</li>
 <li>块级元素(block-level)每个块元素通常都会独自占据一整行或多整行， 可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。</li>
 <li>块级元素的特点： 总是从新行开始 高度，行高、外边距以及内边距都可以控制. 
宽度默认是容器的100% 可以容纳内联元素和其他块元素。</li>
 <li>行内元素(inline-level) 行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构， 一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。</li>
 <li>行内元素的特点：

（1）和相邻行内元素在一行上。

（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。

（3）默认宽度就是它本身内容的宽度。

（4）行内元素只能容纳文本或则其他行内元素。（a特殊）
</li>
 <li>1. 只有文字才能组成段落因此 p 里面不能放块级元素，同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素。
2. 链接里面不能再放链接。</li>
 <li>块级元素的特点：
（1）总是从新行开始
（2）高度，行高、外边距以及内边距都可以控制。
（3）宽度默认是容器的100%
（4）可以容纳内联元素和其他块元素。</li>
 <li>行内元素的特点：
（1）和相邻行内元素在一行上。
（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。
（3）默认宽度就是它本身内容的宽度。
（4）行内元素只能容纳文本或则其他行内元素。</li>
 <li>行内块元素（inline-block）在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。

行内块元素的特点：
（1）和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。
（2）默认宽度就是它本身内容的宽度。
（3）高度，行高、外边距以及内边距都可以控制。</li>
<li></li>
<li></li>
</ul>

</body>
</html>

web html

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><ul> <li>复合选择器是由两个或多个基础选择...
复制链接

扫一扫