第二章 HTML入门
2.2.4特殊字符标记
1.特殊字符的代码通常由前缀"&"字符名称和后缀为英文状态下的“；”组成
2.一般连续的空格表示是和号“&”与空格符“ ”一起使用。
2.3HTML图像标记
2.3.1常用图像格式
1.GIF格式：最突出的地方是他支持动画，同时GIF也是一种无损的图像格式，意思是图像修改之后，图片质量几乎没损失。
2.PNG格式：优势是体积更小，支持alpha透明，但不支持动画
3.JPG格式：超过256种颜色
2.2.3图像标记
<img src="图像URL“/>
src属性用于指定图像文件的路径和文件名，它是img标记的必须属性
1.图像的替换文本属性alt
2.图像的宽度属性width、heigth（不能同时实现，不然显示的图片会失真或变形）
3.图像的边框属性border
4.图像的边距属性vspace（垂直边距）和hspace（水平边距）
5.图像的对齐属性align
2.3.3相对路径和绝对路径
1.绝对路径：一般是指带有盘符的路径或完整的网络地址
2.相对路径：通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置
在代码中，“/”用于指定下一级文件夹，“…/”用于指定上一级文件夹
例如在下一级<img src="img/logo.gif">
注：F12：可以出现（开发者资源）
2.4阶段案例—制作图文混排页面
注是标记插入图像，同时使用<h2>标记和<p>标记分别设置标题和段落文本
文本样式<font>、空格符“ ”
第三章 CSS入门
3.1CSS核心基础
3.1.1 CSS样式规则
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
例如对<h2>进行举例：h2{font-size:20px;color:red;}
注：必须是英文状态下的分号分隔多个属性；属性值和单位之间不需要空格
3.1.2引入CSS样式表
1.行内式(内联样式）
<标记名 style=“属性1：属性值1；属性2：属性值2；”}内容</标记名>
行内式只对其所在的标记及嵌套在其中的字标记起作用
2.内嵌式
<head>
<style type="text/css">
选择器{属性1：属性值1；属性2：属性值2；}
</style>
</head>
<style>标记一般位于<head>标记中<title>标记之后。必须设置type的属性值为text/css。
3.链入式
<head>
<link herf="CSS文件的路径" type="text/css" rel="stylesheet"/>
</head>
是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过标记将外部样式表文件链接到HTML文档中。
4.导入式
与链入式相同，都是针对外部样式表文件的
3.1.3 CSS基础选择器
1.标记选择器
标记名{属性1：属性值1；属性2：属性值2；}
例如p定义：p{font-size:12px; font-family:“微软雅黑”;}
2.类选择器
类选择器使用"."(英文点号）进行标识，后面紧跟类名
.类名{属性1：属性值1；属性2：属性值2；}
类名即为HTML元素的class属性值，大多数HTML元素都可以定义class属性。类选择器的最大优势是可以为元素对象定义单独或相同的样式。
注：类名的第一个字符不能使用数字，并且严格区分大小写，一般采用小写的英文字符。
3.id选择器
id选择器使用“#”标识，后面紧跟id名
#id名{属性1:属性值1；属性2：属性值2；}
id名即为HTML元素的id属性值，元素的id值是唯一的，只能对应于文档中某一个具体的元素。
4.通配符选择器（是选择器中作用范围最广的）
*{属性1：属性值1；属性2：属性值2；}
3.2 CSS文本相关样式
3.2.1CSS字体样式属性
1.font-size:字号大小
例：p<font-size:12px>
2.font-family:字体
例：p<font-family:"微软雅黑">
注：若使用多个字体，则字体与字体之间使用“，”隔开
3.font-weigth:字体粗细
4.font-variant:变体
一般用于定义小型大写字母，仅对英文字符有效
5.font-style:字体风格
italic:斜体
oblique:倾斜
6.fond综合设置字体样式
3.2.2 CSS文本外观属性
1.color：文本颜色
预定义的：green、blue、red
十六进制：#FF0000、#FF6600
RGB代码：如红色可表示为rgb（255，0，0）或（100%，0%，0%）
2.letter-spacing:字间距
3.word-spacing：单词间距（用于定义英文单词，对中文无效）
（2.3）的区别2定义字母之间的间距，3定义英文单之间的间距
4.line-heigth:行间距
属性值单位有三种：像素px、相对值em、百分比%
5.text-tranform:文本转换
none:不转换，即默认
capitalize:首字母大写
uppercase:全部字符转换为大写
lowercase:全部转换为小写
6.text-decoration：文本装饰（可以赋多个值）
none:没有装饰，即默认
underline：下画线
overline：上画线
line-through：删除线
7.text-align：水平对齐
left：左对齐
right：右对齐
center：居中对齐
8.text-indent：首行缩进
建议用em作为设置单位
9.white-space：空白符处理
normal :常规
pre：预格式化，按文档的书写格式保留空格、空行原样显示
nowrap：空格空行无效，强制文本不能换行，除非遇到换行标记<br/>
237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
