一、HTML标签
<ul> <ol>
<li></li> <li></li>
</ul> </ol>
2、定义列表
定义列表是项目及其注释的组合。
其中<dl></dl>标签对表示定义列表；
<dt></dt>标签对表示每个定义的名称（项目名）；
<dd></dd>标签对表示每个定义名称的详细内容（注释）。
例：
<body>
<dl>
<dt>咖啡</dt>
<dd>黑色的热饮</dd>
<dt>牛奶</dt>
<dd>白色的冷饮</dd>
</dl>
</body>
效果
咖啡
黑色的热饮
牛奶
白色的冷饮
3、图片的属性
图片的注解：alt
图片大小的设置：wight height
图片边框的设置：border
4、属性名称
align
属性值
left --------图像靠左，文字靠右
right ------图片靠右，文字靠左
top --------文字往上靠
middle----文字靠中
bottom----文字靠下
5、绝对路径----将图像文件的全部路径都写出来
相对路径----当前html文件所在的目录，用于图像文件在本网站中的情况
6、超链接
<a href = "跳转文件的地址" target = "窗口打开方式">远端点（链接文字）</a>
（1）文字超链接
<a href = "跳转文件的地址">链接文字</a>
（2）图片超链接
<a href = "跳转文件的地址"><img src = "1.jpg"></a>
注意：边框的问题，可以用border="0"去掉边框
（3）锚点超链接
锚点的地方采用：<a name = "锚点名称">目标位置</a>；标题的链接表示为：<a href = "#锚点名称">标题名</a>。
（4）邮件超链接
<a href = "mailto:邮箱地址">链接文字</a>
二、在HTML页面中引入css样式表的方法
1、
(1)将css样式表放置在HTML文件头部：内部样式表
<head>
<style type = "text/css">
选择器
</style>
</head>
(2)将css样式表放置在HTML文件主体：行内样式表
<body>
<html标签 style = "样式"></html>
</body>
(3)将css样式表放置在HTML文件外部: 链接样式表与导入样式表
链接样式表
<head>
<link rel = "stylesheet" type = "text/css" href = "样式表文件的地址">
</head>
导入样式表
<head>
<style type = "text/css">
@import url(外部样式表文件地址);
</style>
</head>
2、常用css样式属性
文本属性：text-align---------文本对齐
边框属性：border-style------边框样式
border-width-----边框宽度
border-color------边框颜色
定位属性：top------顶部边距（上边距）
left------左边距
width---宽度
height--高度
z-index--Z轴索引号，用于层
3、（1）选择器
标签选择器 p{}
类选择器.class{}
id选择器#id{}
（2）伪类选择器
a:link--------设置超链接未被访问时的样式
a:active-----设置超链接被用户激活（在鼠标点击与释放之间）样式
a:visited----设置超链接被访问后的样式
a:hover------设置将鼠标指针移到超链接上时的样式
（3）通用选择器（可以定义所有网页元素的显示格式，常用
于清除页面中元素的边距）
*{
margin：0；
padding：0；
}
（4）选择器集体声明(将声明相同的选择器归类为一组)
h1,h2,h3,h4{}
#one,.text,p{}
（5）选择器的嵌套
<p>河北<span>保</span>定</p>
#one li{}（设置id名为one的标签里包含的li标签样式*/）
.two p{}（设置class名为two的标签里包含的p标签样式）
（6）优先级
CSS规定选择器的优先级从高到低为：行内样式 > id选择器 > 类选择器 > 标签选择器。
若在同一HTML文档中引入了不同类型的CSS样式文件，则各CSS样式文件的选择器优先级别为：行内样式表 > 内嵌样式表 > 链接样式表 > 导入样式表。
网友评论