css的样式格式:
样式属性名:样式值;
样式属性名:样式值;
css的三种写法:
1.内联(行内)(不推荐使用)
写在标签内 以属性的形式表现 属性名 style
<div style="color:red;background:blue;"> jajdaldasl </div>
字体颜色为红色,div背景颜色为蓝色
2.内嵌
写在head标签里面 以标签的形式出现 标签名style
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #pp>input{ color:yellow; } </style> </head>
id为pp的父标签下的所有input直接子标签
3.外部引用:样式写在一个文件(.css)里面,通过引用加载到本页面
写在head标签里面 以标签的形式出现 标签名link
<link rel="stylesheet" type="text/css" href="你想要加载的css文件"/>
23都需要用到选择器
选择器格式:
选择器{
样式属性名:样式值;
样式属性名:样式值;
}
选择器的分类:
通用选择器 *
标签选择器 标签名
id选择器 通过id的值来找 #pp
class选择器 通过class的值来找 .div .dd
属性选择器 通过属性来找 input[name="uid"]
...
并列选择器 关键符号 , 选择器,选择器:#pp,#dd{}
子元素选择器 关键符号 空格 #pp input #pp>input
优先级(权值): 相同选择器 后面覆盖前面
行内 1000
id 100
class 10
标签名 1
* 0