HTML标签-->HTML5新增

HTML的Form新增属性

    

        邮箱：
    
    

        搜索：
    
    

        范围（滑块）：
    
    

        数字：
    
    

        网址：
    
    

        颜色：
    
    

        电话：
    
    

        日期：
    
    

        月：
    
    

        周：
    
    

        
    

HTML新增标签

    
    
描述





    
标题




黄背景颜色


您的浏览器不支持meter标签


您的浏览器不支持progress标签

HTML5新增结构标签

头部
导航
页脚
文章
章节
侧边栏

视频和音频

CSS

层叠样式表，级联样式表，简称样式表
文件后缀  .css

作用：
实现了内容与表现的分离
提高了代码的重用性和可维护性

一个css文件可以被对个HTML文件引入
一个HTML文件可以引入多个css文件

引入css

1）行内样式（内联样式）  只对当前元素起作用


2）内部样式     只对当前页面起作用

    


3）外部样式   提高了代码的重用性和可维护性，实现了内容与结构完全分离

    



4）导入式

    


@import和link的区别：
1.@import先加载HTML，再加载css样式，link一边加载HTML，一边加载css
2.@import有兼容性，IE5以上支持，link没有兼容性
3.@import只能引入css文件，link还可以引入其他内容
4.@import会增多http请求

基本选择器

7.基本选择器
1）全局选择器，通用选择器    *
选中网页所有内容

2）元素选择器   div   a   img   b   p  span  ul   li   table   input
选中所有指定的元素

3）类选择器

.className{}

class名字可以重复，class名字可以起多个，用空格隔开

4）ID选择器


#idName{}

id名字唯一

选择器优先级：行内样式>ID选择器>类选择器>元素选择器>全局选择器
权重：         1000      100      10          1
优先级相同，后面的代码生效

5）合并选择器
选择器1,选择器2,...{}

提取共同样式