摘要: 简单选择器(根据标签名称,id,类选取元素) * 通用选择器,页面类所有元素 .class 类选择器,具有类名class的元素 #id id选择器,id名为id的元素 E 标签选择器,标签名为E的元素 组合器选择器(根据特定关系选取元素) 后代选择器(空格) 子选择器(>) 相邻兄弟选择器(+) 通 阅读全文
posted @ 2022-09-21 20:34 天青色等烟雨灬 阅读(385) 评论(0) 推荐(0)
摘要: 通过vertical-align: middle 注意:vertical-align: middle生效的元素必须是 display: inline-block;且必须有一个兄弟元素做参照(其原理是寻找兄弟元素中最高的元素做参照让自身的中点高度和参照的中点高度对齐) <style> .box1 { 阅读全文
posted @ 2022-09-21 20:04 天青色等烟雨灬 阅读(106) 评论(0) 推荐(0)
摘要: 伪元素:用于创建一些不存在文档树的元素,并为其添加样式;比如我们可以通过:before在一个元素前增加一些文本并为其添加样式;用户可以看到这些样式,但其并不存在于文档树中 伪类:用于当某个元素处于某个状态时为其添加样式,这个状态是根据用户状态变化的;比如当鼠标悬停时我们通过:hover来描述这个元素 阅读全文
posted @ 2022-09-21 16:19 天青色等烟雨灬 阅读(2217) 评论(0) 推荐(0)
摘要: html每个标签都有自己的含义,语义化是指使用语义恰当的标签,是页面结构更清晰,页面元素有含义,让人容易理解 常见的有: header:定义页面的展示区域,通常包含logo,导航,搜索框等 nav:定义页面的导航链接区域 main:定义页面的主要内容区域,一个页面用一次 acticle:定义页面的独 阅读全文
posted @ 2022-09-21 15:53 天青色等烟雨灬 阅读(1563) 评论(0) 推荐(0)
摘要: 块元素:排斥与其他元素同处一行;一般都是其它块元素或行内元素的容器 行内元素(内联元素):可以和其它行内元素同处一行;一般那只能容纳文本和其他行内元素;其高度由容纳的文本的大小决定,宽度由内容的长短决定 在加入了css控制后,这两个元素也可互相转换 区别: 块元素占据一整行;多个行内元素可以共处一行 阅读全文
posted @ 2022-09-21 15:40 天青色等烟雨灬 阅读(520) 评论(0) 推荐(0)
摘要: 盒模型本质就是一个盒子,封装了周围的html元素,包括边距,边框和实际内容;允许我们在其他元素和周围元素边框之间放置元素 盒模型有标准盒模型和怪异盒模型(IE盒模型)在编辑html时最顶上会有DOCTYPE标签,即使用标准盒模型,如果没有该标签则由浏览器自己决定 在css3中增加了属性box-siz 阅读全文
posted @ 2022-09-21 15:22 天青色等烟雨灬 阅读(357) 评论(0) 推荐(0)