文档声明(doctype)
文档声明用来告诉浏览器当前网页的版本
html5的文档声明
<!doctype html>
<!Doctype HTML>
html中的特殊符号
例在网页中编写多个空格会默认为一个空格,这时就需要使用html中的实体(转义字符)
&实体的名字
空格
> 大于号
<小于号
©版权符号
mate的用法
mate主要用于设置网页中的一些元数据,元数据不是给用户看的
charset 指定网页的字符集
name 指定的数据的名称
content 指定数据的内容
css 元素选择器
作用:根据标签来选定指定的元素
语法:标签名{}例子:p{} h1{} div{},它
id选择器
作用:根据元素的id属性值中选一个元素
语法:#id属性值{}
例子:#box{} #red{}
class
是一个标签属性它与id类似,不同的是class可以重复,id指定唯一
有点像班级,通过class来为元素分组.
类选择器
作用:根据元素class属性值选中唯一一组元素
语法: .class属性值
可以为一个元素指定多个class
通配选择器
作用:选中页面中所有的元素
语法*
复合选择器
交集选择器
例:将class为red的div字体设置为30px
即是div 又是class值为red的元素
语法:div.red{
}
作用:选中符合多个条件的元素
语法;选择器1选择器2选择器3n{}
注意点选择器中如果有元素选择器必须使用元素选择器
h1,span(是h1标签或者是span标签)
并集选择器
作用:同时选择多个选择器对应的元素
语法:选择器1,选择器2,选择器n{}
并集选择器跟交集选择器混合使用
#b1,p1,h1,span,div.red{}
后代元素选择器
属性选择器
伪类选择器 一些特殊状态,第一个第二个
倒数第几个
超链接的伪类
伪元素
继承
选择器的优先级 (权重)
在某个样式后面添加一个!import此时这个样式优先级最高,甚至超过内联样式慎用!!!
像素和百分比
颜色的设置方法