css 基础捡漏（一）

最新推荐文章于 2024-09-24 11:41:48 发布

bingqise5193

最新推荐文章于 2024-09-24 11:41:48 发布

阅读量153

点赞数

分类专栏： html与css 文章标签： css

本文链接：https://blog.csdn.net/bingqise5193/article/details/101162280

版权

html与css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

link加载方式

加载的文件为异步加载（asyn) , 浏览器会开启另一个线程去同时下载css文件，一边下载html

选择器优先级及权重

优先级由高到低	权重
！important	infinity
行间样式	1000
id选择器	100
class选择器/属性选择器/伪类选择器	10
标签选择器/伪元素选择器	1
通配符选择器	0

注意：权重并不是十进制，10为 0000 0001 0000 0000的简写，1为0000 0000 0000 0001的简写，由此可见之间的差距并不是10，而是255。只要记住每级之间相差很大即可。

css解析顺序：从右至左

例子待补充

并列选择器： div.demo{}

注意中间无空格，有空格为后代选择器

css书写经验

padding 有背景颜色 margin 无背景颜色

初始化所有标签 *{padding: 0; margin:0}

要善用先定义好功能css,然后填充到Html样式，如 class="title1 title2"

用css画三角形

原理：各边均分空隙。

div{
	height: 0;
	width: 0;
	border-top: 20px solid black;
	border-bottom: 20px solid red;
	border-right: 20px solid yellow;
	border-left: 20px solid blue;
}
/*不需要的部分颜色设置为transparent即可*/