7.14学习总结（html表格 css选择器 行高 position等）

安装vscode

html学习

<a></a>  超链接

<h1></h1>标题      12345

...

b  粗体

p  段落

<br/>换行

cite 引用字体

hr  水平分割线

html表格

<table>定义表格的标签
 
​    <tr>定义表格中的行，必须嵌套在<table>标签内
 
​        <td>单元格内的文字</td> 定义单元格，必须嵌套在<tr>标签内
 
​        ... 字母td指表格数据（table data),即数据单元格的内容
 
​    </tr>
 
​    ...
 
</table>

cellpadding:单元格内间距

cellspacing：单元格外间距

tr:表行

th:表头

td:单元格

合并单元格

rowspan：上下合并

colspan：左右合并

合并完自己手动删除被合并的单元格里面的内容

html列表：有序列表 无序列表 定义列表

无序：ul li

有序：ol li

定义列表：dl dt dd  （列表 列标题 列内容）

css入门

类选择器

id选择器（原则上只对一个标签生效，但是多个标签用一个id也不会报错）

通配符选择器（在项目开发初期清除标签的默认样式）

规定类s1的字体颜色

规定类s2的p的字体颜色

规定类s2的i的字体颜色

复合属性：font的默认值，必须按顺序书写属性。

复合选择器

div  span{

        ...

}

子代选择器 (不殃及孙子)

div > span{

        ...

}

1rem=16px

块元素独占一行  行元素可以一行多个

浮动float

框1{ float：right}

position

static  

relative 针对爸爸

absolute  针对自己

fixed  针对浏览器