全栈开发起步html_2_笔记

1. 列表

1.1 无序列表 ul > li

属性：
type= circle : 空心圆
type= disc: 实心圆
type= square: 方块

专有样式：
list-style: none; // 没有前面的小标志
padding-left: 0px; // 默认的40px
list-style-image: url(); // 前面显示小图标

***默认 ul 上下有 1em 边距， 左填充40px ***

1.2 有序列表； 同上

1.3 自定义列表 dl > dt,dd

–补CSS： 浮动：块级标签横向显示问题
float: left/right; 左浮动与右浮动
clear: left/right/both; 浮动之后一定要清除浮动。
清除浮动标签可以在

2 a标签： 超链接和 锚点

2.1 超链接用法

href: 点击链接之后去哪（相对路径，绝对路径）
target: _self(默认) 当前tab页跳转
_blank： 新启一个tab跳转
_parent: 在父框架发生跳转
_top: 在最外的父框架发生跳转
某个框架的name: name匹配的框架发生跳转
a标签内容可以是文字，图片，div…都可点击了

2.2 锚点用法：

地址栏中 请求#某个id 直接滚动到标签位置
href： #某个标签的id

3. marquee: 自带滚动

4. table表格

table>tr>td,th
tr：行
td: 单元格
th: 表头的单元格： font-weight:bold, text-align:center;

table属性：
boder: 设置边框粗细
width/height: 宽高
cellpadding: 单元格内边距 。 一般0
cellspacing: 单元格与单元格之间距离。 一般0
align: center; 特殊，table相对于body居中。块居中
style=“margin:0 auto” :块的水平居中
style:样式：
border-collapse:collapse; 边框的两条线合并一条线
text-aglin:center; 文字的水平居中

caption标签： table的题目
col标签： 用于设置列宽。
thead/tbody: 表格的头部分，表格的主体部分 明细

tr和td属性：
align: left/center/right； 文字水平位置
valign: top/middle/bottom: 文字垂直位置

rowspan和colspan: 合并行，合并列：左上原则