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,...{} 提取共同样式

你可能感兴趣的:(HTML标签-->HTML5新增)