前端第二天

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">

Emmet语法