html学习笔记2.0(css了解、img标签属性、table标签属性、列表)

1.什么是css:css可译为“层叠样式表”或“级联样式表”,它定义如何显示 HTML 元素,用于控制Web页面的外观。也就是说,它用于渲染元素标签的样式。w3c标准,如果将一个网页当作一个人来讲,html负责组织内容,定义哪些细胞组成哪些器官,这些内容如何构成一个人。css负责对”人“的外观形态进行改变。js负责对”人“的动作进行定义。

2.css的嵌入方式:

    1)元素单独嵌入-内联样式:通常用于特定的元素,设置style属性即可。样式统一为一个字符串值,样式与值之间用:链接,样式与样式之间用;链接。

    2)单文件通用嵌入—内部样式表:用于普遍的元素,需要在文档的<head> 区域使用<style> 元素 来包含CSS。style的type属性为text/css,格式为一个标签名加{样式:值;}。

    3)多文档通行嵌入-外部引用 :使用外部 CSS 文件,优点是多文档通用,节省时间,统一风格。引用方式为<head> 区域使用<link> 元素 来引用:<link rel="stylesheet" type="text/css" href="地址">

3.img标签具有的属性

    1)src就不说了,图片资源的地址。alt在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。

4.table标签:定义表格

    1)tr标签:定义行

    2)td标签:定义列,th标签:加粗的td。

    3)table的border属性,用来显示的边框大小。

    4)td或者th标签的rowspan属性,表示此列跨越多少行。

    5)caption标签:表格的简单描述,位于表格的上方。

    6)colgroup与col标签:前者用于列的分组,设置属性样式。后者定义列的组。二者在功能上好像区别不大。

    7)thread、tbody、tfoot分别定义页眉、主体、页脚,对表格的布局无影响,主要用于设置样式。

5.html的列表:

    1)有序列表:使用ol定义,ol具有type属性(a,1,i,I)设置序列类别,有start属性,设置序列开始。每个项目使用li标签定义。

    2)无序列表:使用ul定义,使用style属性改变类型,style="list-style-type:disc/circle/square”每个项目使用li标签定义。

    3)自定义列表:使用dl定义,每个项目名称使用dt定义,项目注释使用dd定义。

    (2018.7.14)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值