html常用属性，标签，选择器

标签解释

| 标签              | 描述                                           |
| :---------------- | :--------------------------------------------- |
| <h1></h1>         | 标题1到6级                                     |
| <!--...-->        | 注释                                           |
| <strong></strong> | 加粗                                           |
| <a href=""></a>   | 锚点链接                                       |
| <em></em>         | 强调                                           |
| <i></i>           | 斜杠                                           |
| <label></label>   | 定义input元素的标注                            |
| <input></input>   | 输入控件                                       |
| <u></u>           | 下划线                                         |
| <span></span>     | 区块                                           |
| <title></title>   | 标题                                           |
| <nav></nav>       | 导航链接                                       |
| <video></video>   | 视频                                           |
| <time></time>     | 时间日期                                       |
| <p></p>           | 段落标签                                       |
| <select></select> | 创建下拉选项<select><option></option></select> |
| <option></option> | 下拉内容<option value=""></option>             |

| 列表标签        | 描述             |
| :-------------- | :--------------- |
| <ul></ul>       | 无序             |
| <ol></ol>       | 有序             |
| <li></li>       | ol和li中等待列表 |
| <table></table> | 表格             |
| <tr></tr>       | 表格中的行       |
| <td></td>       | 单元格           |
| <th></th>       | 表头单元格       |

| 单标签  | 描述                       |
| :------ | :------------------------- |
| <br/>   | 换行                       |
| <hr>    | 定义水平线                 |
| <input> | 输入                       |
| <link>  | 定义文档与外部资源的关系   |
| <img>   | 图片                       |
| <meta>  | 定义关于 HTML 文档的元信息 |
| <param> | 定义对象的参数             |

css样式

<link rel="stylesheet" type="text/css" href="theme.css" />

样式	描述
rowspan	合并行
colspan	合并列
align	水平对齐
valign	垂直对齐
type="text"	单选
type="checkbox"	复选
font-size	字体大小
color	字体颜色
font-family	字体
font-weigth	文字加粗
background-color	背景颜色
text-align	文本对齐方式
text-decoration:none	消除连接下划线
width	宽
height	高
border	边框
border-color	边框颜色
border-left-color	左边框颜色
background-image	背景图片
background	背景颜色
background-repeat:repeat	背景图片重复方式:垂直水平方向重复
margin:0px auto	外边缘距离:居中;一般用于边框
padding:0px auto	外边缘距离:居中;一般用于内容
z-index	重叠
a:link{}	未访问状态
a:visited{}	已访问过的状态
a:hover{}	鼠标移动到上面时的状态
a:active{}	鼠标按下去时的状态
opacity	取值0到1,所有元素都会透明
background-color:rgba(255,255,255,0.5)	背景透明度
inherit	继承父类属性
list-style: none;	去除li前面的圆点
line-height	行高
outline:none;	去除按钮边框阴影
border:none;	去除按钮边框
box-shadow:	盒子阴影
display:block	块级元素，独占一行
display:none	隐藏，不显示
display:inline	行级标签，与其他标签同处一行
color:inherit	定一个属性(颜色)应从父元素继承它的值
transition:all ease-out 1s;	过渡：所有属性，逐渐变慢，1秒
overflow：hidden	内容溢出元素框：被隐藏
overflow：scroll	内容溢出元素框：滚动条
overflow：auto	内容溢出元素框：滚动条，没溢出，则不会显示
overflow：visible	内容溢出元素框：会在元素框外显示（默认值）
position:absolute	绝对定位，参照最近父级，不占空间（父相子绝）
position:relative	相对定位，自身原有位置，占空间

常用选择器

*
    所有元素

.
    clss属性的元素

#
    id属性的元素

+ 选择器
    兄弟选择器,只会影响+后面的标签(一个),不影响其他兄弟标签

~ 选择器
    查找~后面的所有兄弟节点(同一父级下)

> 选择器
    表示选择(>之前)元素的所有子(>之后)元素

转载于:https://www.cnblogs.com/einsam/p/11226068.html