html的职责是描述这个玩意的内容是什么,意义是什么。
表单元素(标签)
1,<datalist>数据列表 可以自动提示
2,<keygen>验证用户
3,<meter>度量器
多媒体
<audio>用来音频播放
属性:autoplay,controls(控制条)
<video>用来视频播放
属性:autoplay,controls,width,height
CSS
美化页面 层叠样式表
选择器+声明 给谁修改+改什么样式 选择器 {属性:属性值}
在head标签里面写css <style> </style>
属性和属性值加 冒号: 属性和属性直接 分号;隔开
选择器
标签选择器,设置被选中的标签为统一样式,但是无法差异化实现
类选择器:差异化实现修改样式
.类名 {属性 :属性值} 使用的时候<div class="类名"> 可多次调用
多类名使用 :一个div可以用多个类名,用空格隔开
ID选择器:为标有特定id的HTML元素改样式
#id名{属性} 使用的时候<div id="id名"> 只能调用一次
通配符选择器:选择页面中所有标签字
*{属性}
font字体属性
front-size(字号) 字号单位:px(像素)
font-family(字体)
字体里面可以写多个,依次往后查看你电脑里有没有这种字体
font-weight(字体粗细)
后面跟数字比较多,并且该数字不用加单位 400等同于normal 700等同于bold
font-style(文字样式)
line-height(行间距)
复合属性写法:
font: font-style font-weight font-size/line-height font-family;
顺序固定 ,必须保留size和family
CSS文本属性
color
text-align(水平对齐方式)
text-decoration(装饰文本,例如添加、删除下划线)删除用none
text-indent(缩进首行) 单位 em
列表属性
list-style、list-style-image(将图像设在前面)
overflow属性
visible,默认,多余的内容全部显示
hidden:多余的不显示
auto:超出的部分显示滚定条 scrolll:无论超不超出都显示滚动条
鼠标属性
把鼠标放在那个标签上时,光标显示的形状
CSS样式表
1,内部样式表,之前学的那些类什么的,标签都属于内部样式表
2,行内样式表:直接在标签上改(适合简单的情况),例<p style="color: pink;">
3,外部样式表(用的最多):单独写一个css文件
在html文件中使用<link>标签(写在head里)
<link rel="stylesheet" href="style.css">