CSS学习笔记
文章平均质量分 65
考拉学前端 : D
说多做少总为零。
展开
-
CSS中常见的可继承属性 以及 不可继承属性
CSS知识点自检CSS中的继承性: 子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是:子承父业。恰当地使用继承可以简化代码,降低 CSS 样式的复杂性,便于维护。下面我将列举一些常见的可继承属性和不可继承属性。属性的继承可继承属性不可继承属性可继承属性字体系列属性font:组合字体color:字体颜色font-family:规定元素的字体系列font-size:设置字体的尺寸font-style:定义字体的风格font-weight:设置字体的粗细font-va原创 2021-10-18 22:58:01 · 900 阅读 · 0 评论 -
div盒子水平垂直居中方法总结
CSS学习知识点自检方法一:绝对定位 + 负margin——需要知道元素的宽高.box { position: absolute; width: 200px; height: 200px; left: 50%; top: 50%; margin-top: -100px; <--往上走盒子宽度的一半-->原创 2021-10-17 23:54:32 · 2823 阅读 · 1 评论 -
CSS 四种定位方式总结
CSS学习自检什么是定位?定位:是将盒子定在某一个位置。定位 = 定位模式 + 边偏移 。定位模式决定元素的定位方式,边偏移则决定了该元素的最终位置。定位模式与边偏移 选择器 { position: static; top: 10px; }定位模式定位模式是通过 CSS 的 position 属性来设置,其值可以分为以下几类:属性说明static静态定位是元素的默认定位方式,按照标准流特性摆放位置,它没有边偏移relative原创 2021-10-16 23:28:38 · 248 阅读 · 0 评论 -
CSS选择器知识点总结 (基础选择器+复合选择器)
CSS学习自检选择器(选择符)就是根据不同需求把不同的标签选出来,这就是选择器的作用。CSS选择器主要可以分为基础选择器和复合选择器两个大类。基础选择器基础选择器是由单个选择器组成的,主要包括:标签选择器、类选择器、id 选择器和通配符选择器。标签选择器:标签选择器用于将HTML的标签作为选择器,能快速为页面中同类型的标签统一设置样式,但不能设计差异化样式。p { font-size: 12px; color: red }类选择器:类选择器以" . " 进行标识,可以用于给多个H原创 2021-10-15 00:21:37 · 1138 阅读 · 1 评论