我写的东西很杂也很凌乱,毕竟我学过,更多的是要复习。所以文末会推荐几个零基础学习HTML的网站给大家。
今天学习在HTML中添加CSS样式。一共有三种方法:外部样式表,内部样式表,内联样式。
外部样式表:引用一个文件来更改网页的CSS样式。适用于多个页面需要相同的样式时。我们把样式写成一个文件,只要在想使用该样式的网站中加入下面的这句话。
例如:<head>
<link rel="stylesheet" type="text/css" href="文件名.css">
</head>
内部样式表: 在网站的head中更改网页的CSS样式。适用于更改整个网页的样式,样式都写在一起方便查看和更改。
例如:<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内联样式:直接在标签后更改其样式,适用于更改个别元素的样式,突出差异时。
例如:<pstyle="color: red; margin-left: 20px"
>This is a paragraph </p>
1.区隔标签<div></div>设定字、画、表格等的摆放位置
2.不折行标签<nobr></nobr>令文字不因太长而绕行
3.建议折行标签<wbr></wbr>预设折行部位
4.基准字形标签<basefont>设定所有字形、大小、颜色
5.清单标签
<ol> | 顺序清单 | 清单项目以数字、字母顺序排列 |
<ul> | 无序清单 | 清单项目将以圆点排列 |
<li> | 清单项目 | 每一标签标示一项清单项目 |
<menu> | 选单清单 | 标签用于上下文菜单、工具栏以及用于列出表单控件和命令 |
<dir> | 目录清单 | 标签定义目录列表 |
<dl> | 定义清单 | 标签定义了定义列表 |
<dt> | 定义条目 | 标签定义了定义列表中的项目 |
<dd> | 定义内容 | 标签定义了定义列表中的内容 |
6.表格标签
<table> | 表格标记 | 设定该表格的各项参数 |
<caption> | 表格标题 | 打通列以填入表格标题 |
<tr> | 表格列 | 设定表格列 |
<th> | 表格表头 | 表格行头,文字加粗 |
<td> | 表格行 | 设定表格行 |
推荐零基础人员学习软件的网站:(我与下列网站没有任何关系,只是个人学习使用觉得比较方便)
W3shool:http://www.w3school.com.cn/index.html(免费的WEB学习网站)
mozilla:https://developer.mozilla.org/zh-CN/(mozilla公司的免费WEB学习网站,还有很多开发工具和firefox浏览器的扩展)
慕课网:http://www.imooc.com/learn/9(有免费教学视频,也有很多视频开始收费了。)
当然其他网站还有很多。欢迎指点补充。对我写的内容有什么疑问或错误也欢迎指出。大家一起学习共同进步。