1.HTML表格
1.1表格的作用
表格用于显示、展示数据。
1.2表格的基本标签
<table>定义表格
<tr>定义表格中的行
<td>定义表格的单元格
<th>定义表头单元格
1.3表格常用属性
(table属性)
<width>定义表格的宽
<height>定义表格的高
<border> 可以显示一个带有边框的表格。
<cellpadding>设置单元格中内容和边框之间的间距
<cellspacing>设置单元格和单元格之间的间距
(td,th属性)
<width><height>单元格宽度、高度
<align>单元格水平方向的对齐方式
left左对齐
center 居中对齐
right 右对齐
<valign>单元格垂直方向的对齐方式
top顶对齐
middle居中对齐
bottom底部对齐
1.4表格结构标签
<caption>定义表格的标题
<thead>用于组合 HTML 表格的表头内容
<tbody>用于组合 HTML 表格的主体内容
<tfoot>用于组合 HTML 表格的页脚内容
1.5合并单元格
<rowspan>跨行合并
<colspan>跨列合并
2什么是CSS?
通常称为CSS样式表或层叠样式表(级联样式表)
2.1CSS引入方法
当读到一个样式表时,浏览器会根据它来格式化 HTML 文档,插入样式表的方法有三种:行间样式表、内部样式表、外部样式。
行间样式:过HTML元素的style属性设置样式称为行间样式
内部样式:在head标签的内部,由style标签包含的样式称为内部样式
外部样式:外部样式表是指将CSS编写在扩展名为.css 的单独文件中,使用link标签引用
2.2css注释
注释的语法
CSS中的注释以"注释以/*
开头,以*/
结尾,开始和结束中间为注释内容。
注释的作用
解释说明,标记不同代码节的开始 代码调试,用于在测试中临时禁用一段代码
生成快捷方式
ctrl + / 取消或添加
2.3CSS选择器
通配(通用)选择器:匹配任意类型的HTML元素
元素名称选择器:选择所有同一元素名称的所有元素
类选择器:选择所有带有指定类名的元素
id选择器:选择所有带有指定类名的元素
2.4 类与id的命名规则
尽量用英文
始终建议以字母开头,可以包含数字、字母、下划线等
不要以数字开头
多个单词可以以驼峰式(newsCont)、中划线连接(news_cont)、下划线连接(news-cont)等
2.5总结
总结使用频率
基础选择器中最常用是类选择器
id用于页面中唯一模块
元素名称选择器定义的全局样式,单独使用要慎重
*号通常用于重置样式【最不常用】
总结id与类的区别
基础选择器的优先级