目录
HTML
HTML语言是超文本标记语言，用于建设网页内容的结构，是制作网页的标准语言。标签，属性和元素是HTML语言的关键元素。
- 结构
- 常用标签
- <input>类型
1.结构
HTML现在常用的结构是HTML5结构
如：
<!DOCTYPE html> //声明文档类型符合HTML5标准
<html lang="en"> //lang属性 是搜索引擎 en英文 zh中文
<head> //头部标签，成对出现，头部标签内的内容不展示在浏览器中。
<meta charset="UTF-8"> //charset属性表示字符集 UTF-8是常用的字符集之一
<title></title> //title标签之间的内容在浏览器的标题栏出现
</head>
<body> //body标签之间的内容会在浏览器中展示
</body>
</html> //文档的开始与结尾标记
元素由标签构成，标签由属性构成。
如：<p>h1-h6标签<span style="color:blue;">h1标签建议一个页面中只使用一次</span></p>
这就是一个元素，其中<p>，由尖括号包围出现的就是标签，标签一般成对出现，也有单独出现的标签如<hr>和<br>等。
而<span style="color:blue;">中的style就是属性，一个标签中属性可以出现多个，书写没有顺序规定。同时，标签之间也可以相互嵌套，但是要注意缩进。
如果浏览器浏览中出现乱码问题，通常是保存文件的编码和声明时的编码方式不同。
2.常用标签
1.h1-h6标签
标题标签，成对出现，一个页面建议只有一个h1标签
2.p标签
段落标签，成对出现，每个段落会自动换行。段落内部文字会忽略连续空格，不显示空行也不会换行。如果需要添加连续空格需要用 ；表示空格字符，特殊字符全小写。
3.br标签
段内换行标签，单独出现，直接结束。
4.pre标签
预留格式标签，成对出现，标签之间内容以输入样式输出，常用于展示代码。
5.span标签 如：<span style="color:blue;">h1标签建议一个页面中只使用一次</span>
段内分组标签，成对出现，可用于表示重点内容时分组使用。
6.hr标签
水平线标签，单独出现，效果会在页面中出现一条贯穿页面的水平线。
7.a标签
超链接标签，成对出现，分为文字超链接，图片超链接以及导航栏。
如：<a href="网址">文字或图片</a>
超链接用途：链接到本站点的其他网页；链接到其他站点需要带有协议部分；虚拟超链接"#"。
8.img标签
图像格式分为JPG. GIF. PNG;JPG是有损压缩，常用于色彩丰富的图片；GIF用于简单动画或背景透明的图片；由GIF发展而出的PNG格式是无损压缩，具有透明交错动画等特点。
透明指某一颜色或背景透明；交错是在显示图片的过程中从概貌到全貌显示。
插入图片：<img src=" " alt=" ">其中src是路径+文件名，alt是当图片无法显示时用于替换的文字。
绝对路径：以根目录为基准，如<img src="C:/site/logo.gif"/>
相对路径：以该文档所在位置为基准，如<img src="logo.gif"/>
9.div标签
区域标签，成对出现，用于确定一个单独的区域，板块或元素结合。
如：<div align="center"对齐方式></div>
常用于结合CSS样式，对页面形成排版布局。
10.table标签
表格标签，成对出现，早期用于排版，现在还保留用于表示数据信息。
如：<table border="1"边界>
<tr> <td>data</td> </tr>
<tr> <td>data</td> </tr>
</table>
tr表示行元素，td表示列元素。
<th>表头单元标签。
11.ol/ul标签
列表标签，成对出现，ol表示有序列表，ul表示无序列表，列表项用<li></li>表示。
12.form标签
表单标签，采集用户信息的区域 。表单元素有文本框、按钮、单选、复选、下拉列表、文本域。
如<form action=" ">action 表示将收集来的数据交给哪个页面处理。
下拉列表 select
如：<select>
<option>选项一</option>
<option selected="selected">选项二</option>默认选中
</select>
textarea文本域
<textarea rows行=" " cols列=" ">文本</textarea>
3.input类型
文本框<input type="text明文/password密文***">
按钮<input type="submit提交/reset重置">
单选/复选<input type="radio/checkbox">
CSS
- 引入方法
- 选择器
- CSS常用属性
CSS样式是内容的样式，使内容和样式分离，便于修改样式。
1.引入方法
第一种行内引入，如：<p style="color:red;">;
第二种内嵌样式，内嵌到<head>中,如:<head>
<style type="text/css">
p{
color:red;
}</style></head>
CSS只对当前页面有效，所以多个页面公用css代码时每个页面也要定义；
第三种单独文件引入文件后缀名为.css，引用时：<head>
<link rel="stylesheet" href="css/style.css"/>
<head> 优点是维护方便，修改方便，可以在同一个HTML文档内部引用多个外部样式表。
三种引入方法的优先级：行内引入>内嵌引入>单独文件引入
2.选择器
选择器分为标签选择器、类别选择器、ID选择器、嵌套声明、集体声明、全局声明。选择器之间可以混合使用。
1.标签选择器
内嵌样式引入，选择器名字就是标签名字。如：
p{
color:red;
}
2.类别选择器
内嵌样式引入 以 . 开始命名，可以自主命名。
如： .one{ }
引用类别选择器时用“class”属性不需要带“ . ” ，如：<p class="one">
3.ID选择器
内嵌样式引入，以 # 开始命名，可以自主命名。
如：#one{ }
引用ID选择器时用“id”属性不需要带"#" ，如：<p id="one">
注意：与类别选择器不同的是 ID选择器只能被引用一次，类别选择器可以多次引用。
4.嵌套声明
不同标签选择器可以嵌套使用，中间用空格隔开，如：
p span{ } 表示作用于p标签中的span标签内的部分。
5.集体声明
不同标签选择器之间可以进行集体使用，中间用,隔开，如：
h1,p{ }，表示作用于h1标签和p标签。
6.全局声明
如：*{ }
3.CSS常用属性
单位：px 像素； em 字符 一般自适应 ； %百分比
颜色的表示方法：① 英文名称 如 color：red；
②rgb（0~255，0~255,0~255）
③rgb（x%，x%，x%）
④rgba（ ， ， ，0.0~1.0）a表示透明度
⑤#rrggbb 重复的可以删除如红色#ff0000 可以表示为#f00
1.CSS文本属性
color 文本颜色 red
letter-spacing 字符间距 2px；-3px；
line-height 行 高 14px；1.5em；120%；
text-align 对 齐 center；left；right；justify两端对齐；
text-decoration 装 饰 线 none；overline；underline；line-through
text-indent 首 行 缩 进 2em；
常利用line-height进行垂直居中，如：
p{height：40px；
background-color： ；
font-size： 14px；
line-height： 40px；/*line-height和height设置成相同数值*/
}
常用text-decoration：none；来消除超链接的下划线，如：
a{
text-decoration: none;
}
2.CSS字体属性
font 在一个声明中设置所有的字体属性
font-family 字体系列
font-size 字 号 14px 120%
font-style 斜 体 italic
font-weight 粗 体 bold
如果在一个font声明中进行声明需要有一定顺序：斜体 粗体 字号/行高 字体系列。
font-family 可设置多个字体 ，字体名称中间有空格时需要用双引号引起，字体之间用逗号隔开，字体按写入顺序查找。
3.CSS背景属性
background 所有背景设置 utl（"aaa.jpg"） repeat-x
background-color 背 景 颜 色 red/#ccc/rgb(255,0,0)
background-image 背 景 图 片 url（"aaa.jpg"）
background-repeat 重 复 方 式 repeat-x/repeat-y/no-repeat
277
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
