CSS
文章平均质量分 82
CSS学习笔记
不会写代码的麻瓜
一个正在学习数据通信的麻瓜
展开
-
CSS的部分结构伪类
nth-last-of-type()用法跟:nth-of-type()类似。:nth-last-child()的语法跟:nth-child()类似。不同点是:nth-last-child()从最后一个子元素开始往前计数。:nth-last-child(-n + 2),代表最后2个子元素。:nth-of-type()用法跟:nth-child()类似。:nth-last-child(1),代表倒数第一个子元素。:not()的格式是:not(x):not(x)表示除x以外的元素。原创 2023-01-04 10:45:00 · 109 阅读 · 0 评论 -
关于CSS设置背景
background-attachment决定背景图像的位置是在视口内固定,或者随着包含它的区块滚动。background-position用于设置背景图片在水平、垂直方向上的具体位置。利用background-image和img都能够实现显示图片的需求,background-repeat用于设置背景图片是否要平铺。background-image用于设置元素的背景图片。background-size用于设置背景图片的大小。background是一系列背景相关属性的简写属性。在开发中该如何选择?原创 2023-01-03 08:45:00 · 215 阅读 · 0 评论 -
CSS的盒子模型
垂直方向上相邻的2个margin(margin-top、margin-bottom)有可能会合并为1个margin。在一些需求中,需要元素在父元素中水平居中显示(父元素一般都是块级元素、inline-block)HTML中的每一个元素都可以看做是一个盒子,如右下图所示,可以具备这4个属性。padding属性用于设置盒子的内边距, 通常用于设置边框和内容之间的间距;margin属性用于设置盒子的外边距, 通常用于元素和元素之间的间距。前景色会在border没有设置颜色的情况下,显示出color的颜色。原创 2023-01-02 21:37:08 · 131 阅读 · 0 评论 -
关于CSS的一些特性:继承、层叠、类型
当然, 如果后代元素自己有设置该属性, 那么优先使用后代元素自己的属性(不管继承过来的属性权重多高);行内级元素(inline-level elements):多个行内级元素可以在父元素的同一行中显示。按照经验,为了方便比较CSS属性的优先级,可以给CSS属性所处的环境定义一个权值(权重)如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性;判断一: 选择器的权重, 权重大的生效, 根据权重可以判断出优先级;div是块级元素, span是行内级元素;原创 2023-01-01 07:15:00 · 272 阅读 · 0 评论 -
CSS的选择器
按照一定的规则选出符合条件的元素 为之添加CSS样式。原创 2022-12-31 10:30:00 · 303 阅读 · 0 评论 -
CSS属性
常用的值。原创 2022-12-30 09:30:00 · 75 阅读 · 1 评论 -
初识CSS
CSS表示层叠样式表(Cascading Style Sheet,简称:CSS,又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表)是为网页添加样式的代码。样式表(internal style sheet)、文档样式表(document style sheet)、内嵌样式表(embed style sheet)CSS的出现是为了美化HTML的,并且让**结构(HTML)与样式(CSS)**分离。CSS的注释和HTML的注释是不一样的;要添加的css规则的名称。要添加的css规则的值。原创 2022-12-29 08:15:00 · 60 阅读 · 1 评论