css知识点

css的三种用法

1.内联:

在标签中以属性的形式表现 属性名:style
样式1:样式值; 样式2:样式值;
<div style="color: blanchedalmond;">
  这是一个div111
</div>
注意:不推荐使用,用于单个标签,优先级最高

2.内嵌:

在head标签中以标签的形式表现 标签名 style
选择器

3.外部引用:

在head标签中以标签的形式表现 标签名link
用来引入一个css文件
<link rel="stylesheet" href="untitled上午.css">
项目中最常用

 

注意 在标签内部属于内联  在head标中属于内嵌

优先级:

优先就近原则   

优先级:权值
1.内联样式 1000
2.id选择器 100
3.class选择器 10
4.标签选择器 1
5.通用选择器 0

注意:同一标签中的同一属性 !important 优先选择

css选择器

选择器:把指定的样式应用于某一个、组、类标签上

1.标签选择器:通过标签名找标签 div{样式}
2.id选择器:通过id属性值找标签
关键符号 #id值{样式}
3.class(类)选择器:通过class属性值找标签
关键符号 .class{样式}
4.复合选择器
并列 关键符号,用法:选择器1,选择器2{样式}
后代 关键符号 空格,用法 选择器1 (空格) 选择器2{样式}
筛选 . 用法:选择器class选择器
属性选择器 语法:选择器[属性名=属性值]{样式}
5.*通用选择器
*{
padding:0px;
margin:0px;
}

posted @ 2019-08-14 11:05  长相思兮长相忆  阅读(88)  评论(0编辑  收藏  举报