HTML or JS 基础语法
设置字体大小:font-size: 30 px; 设置颜色:color:green; height 高度, width 宽度, align (居中?靠左?靠右?)
background(背景); font-weight: bold;(文字粗细) border: 1px;(边框) margin: 0 auto; 居中(外边距 上下 左右)
list-style-type: none;(去掉列的‘。’) first-child (第一个孩子)last-child(最后一个孩子)
横线
Link选择css样式
文本格式:
b和strong标签设置文本粗体
i和em标签设置文本为斜体
big:字体放大
small:字体缩小
sub:下标
sup:上标
del:删除文本
ins:添加文本
图像:
img src:添加图片
height与width属性用于设置图像的高度和宽度
alt属性用来为图像定义一串预备可以替换的文本
src:图片路径
title:鼠标放到图片上,提示文本
width:图片宽度
height:图片高度
border:图片边框 solid 实体
链接:
href:添加链接
title:定义元素的替换文本
target:属性
_blank:在新窗口中打开链接文档
_parent:在父框架集中打开被链接文档
_top:在整个窗口中打开被链接文档
_self:默认值 在相同框架中打开被链接文档
锚链接:
锚链接:连接到当前页面地址
需起一个锚名称,可以是ID或者name
href=""值为要连接的锚链接名称,以#号开头
列表:
无序列表
ul标签表示无序列表
li标签表示列表项目
type取值:
disc:默认值,表示实体圆心
list-style:square:表示实体方心
list-style:circle:表示为空心圆
float: left 列表上浮,
去除开头的符号
ul li{
list-style: none;
}
ol:标识有序列表
li:标识列表项目
type取值:
1.A:使用大写作为项目符号
2.a使用小写作为项目符号
3.1使用数字作为项目符号
4.I 使用大写I作为项目符号
5.i 使用小写i作为项目符号
表格:
HTML表结构:从语义结构上划分表格为:表头、表主体、表尾
table标签标识表格标签
tr标签标识行标签(设置行)
td标签标识单元格标签(下面)
th标签标识表格头部标签(最上层)
border标识表格边框属性
width属性设置表格宽度
bgcolor属性设置表格背景颜色
background属性设置表格的背景图片
caption:表格的标题
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾部分
cellpadding:表格中内容和单元格之间的距离
cellspacing:表格中单元格和单元格之间的距离
在默认情况下,如果不设置表格的边界,表格不显示边界的,可以用border属性设置表格边框
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾元素
colspan:跨列(合并列)
rowspan:跨行(合并行)