HTML的Form新增属性
邮箱:
搜索:
范围(滑块):
数字:
网址:
颜色:
电话:
日期:
月:
周:
HTML新增标签
标题
黄背景颜色
您的浏览器不支持meter标签
您的浏览器不支持progress标签
HTML5新增结构标签
头部
导航
页脚
文章
章节
侧边栏
视频和音频
您的浏览器不支持video标签
您的浏览器不支持audio标签
您的浏览器不支持video标签
CSS
层叠样式表,级联样式表,简称样式表
文件后缀 .css
作用:
实现了内容与表现的分离
提高了代码的重用性和可维护性
一个css文件可以被对个HTML文件引入
一个HTML文件可以引入多个css文件
引入css
1)行内样式(内联样式) 只对当前元素起作用
2)内部样式 只对当前页面起作用
/*css样式*/
选择器{
属性:属性值;
属性:属性值;
属性:属性值;
}
3)外部样式 提高了代码的重用性和可维护性,实现了内容与结构完全分离
4)导入式
@import "";
@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,import,选择器,css
来源: https://www.cnblogs.com/Testking/p/11990839.html
1182

被折叠的 条评论
为什么被折叠?



