- 博客(6)
- 收藏
- 关注
原创 a元素的伪类、伪元素选择器、选择器权重
并不是所有样式都会被继承,像背景相关、布局相关就不会。我们为祖先元素设置样式,也会应用到我们的后代元素上。1、::first-letter 第一个字母。内联样式>id>class、属性>元素>通配。其中link和visted是a元素特有的。5、::selection 选中的内容。2、::first-line 第一行。:active 鼠标点击后的状态。3、::before 在元素之前。4、::after 在元素之后。:visted 访问过的链接。:hover 鼠标悬停的状态。-- 二、伪元素选择器。
2023-02-27 20:26:59 115
原创 盒子模型(box modle)
css盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框、边距、填充和实际内容。盒子模型允许我们在其他元素和周围元素边框之间的空间放置元素。margin(外边距)-清除边框外的区域,外边距是透明的Border(边框)-围绕在内边距和内容外的边框padding(内边距)-清除内容周围的区域,内边距是透明的Content(内容)-盒子的内容,显示文本和图像影响盒子大小的因素:内容区,内边距,边框会影响盒子的大小,外边距不会影响盒模型、盒子模型、框模型(box model)
2023-02-15 19:03:10 91
原创 文本、文字样式
相对单位,它是只相对于根标签(html)的字体大小而设置,也是1rem=1个html的font-size。相对单位,它是相对于其父元素内字体大小而设置的,也就是1em=父元素1个font-fize,实际上是屏幕上的一个个小点,100px,100个小点,这个点,正常情况我们是看不到,html的默认字体大小是16px,有些浏览器有最小的字体大小,一般是10-12px。如果父元素没有字体大小,它就会继承祖先元素的字体大小,如果祖先元素没有设置,就会继承根标签(html)的默认的字体大小,也就是16px。
2023-02-09 15:00:09 188
原创 css选择器
语法:.class属性值 例如:.p2{color: pink;语法: #id属性值{ } 例如:#p1{ color: black;作用:选中页面中所有的标签 例如: *{font-size: 30px;语法: 标签名{ } 例如: p{ color: red;-比如:第一个元素,被点击的元素,鼠标移入的元素···后代元素:直接或间接被包含的元素,包含子元素。祖先元素:直接或间接包含的元素,包含父元素。④ 特殊值: n 所有的。作用:通过元素的id属性值选中唯一的一个元素。
2023-02-08 17:01:36 140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人