菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css_张睿含_20230208 [打印本页]

作者: 劝你不要嚣张女 时间: 2023-2-8 23:31
标题: css_张睿含_20230208
今日学习内容：1.css的元素显示模式：什么是元素的显示模式及其分类和转换
2.css的背景：背景的颜色、图片、平铺、定位、图片滚动、复合写法、颜色的半透明、缩放
3.css的三大特性：层叠性、继承性、优先级（权重问题）
4.css的盒子模型：边框、内边距、外边距
5.css的圆角边框
今日遇到的问题及解决：
在上课过程中，不明白优先级权重问题，

继承或者 *

权重是 0,0,0,0

元素选择器

权重是 0,0,0,1

类选择器/伪类选择器

权重是 0,0,1,0

ID选择器

权重是 0,1,0,0

行内样式

权重是 1,0,0,0

!important

权重是 ∞（无穷大）

最后通过例子
div ul li 权重是 0,0,0,3
.nav ul li 权重是 0,0,1,2
a:hover 权重是 0,0,1,1
.nav a 权重是 0,0,1,1
明白了权重问题
2.
在边框、内外边距、圆角边框等问题上概念值较多、所以我还要多多熟悉多多练习。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)