HTML课堂笔记

标记

HTML头部相关标记
1-设置页面标题标记<title>
2-定义页面元素信息标记<meta/>
3-引用外部文件标记<link>
4-内嵌样式标记<style>
HTML文本控制标记
1-标题标记
<hn align="对齐方式">标题文本</hn>
2-段落标记
<p align="对齐方式">段落文本</p>
3-水平线标记<hr/>
4-换行标记<br/>
图像标记

1-图像的宽高属性width、height
2-图像的边框属性border
3-图像的边距属性vspace和hspace
4-图像的对齐属性align

CSS样式规则

css基础选择器
1-标记选择器:<p><hn>
2-类选择器:.类名{}
3-id选择器:#id名{}
4-通配符选择器:*{}
css字体样式属性
1.font-size:字号大小
em;px;in(英寸);cm;mm;pt(点)
2.font-family:字体
例:p{font-family:"微软雅黑";}
3.font-weight:字体粗细
normal(默认值);
bold(粗体);
bolder(更粗);
lighter(更细)


4.font-variant:变体
normal(默认值);
small-caps(小转大)


5.font-style:字体风格
normal(标准);
italic(斜体);
oblique(倾斜字体)


6.font:综合设置字体样式
css文本外观属性
1.color:文本颜色
2.letter-spacing:字间距
3.word-spacing:单词间距
4.line-height:行间距
5.text-transform:文本转换
none(不转换);
capitalize(首字母大写);
uppercase(全部字符转换为大写);
lowercase(全部字符转换为小写)


6.text-decoration:文本装饰
none(默认值);
underline(下划线);
overline(上划线);
line-through(删除线);


7.text-align:水平对齐方式
left(左对齐)默认值;
right(右对齐);
center(居中对齐)


8.text-indent:首行缩进
9.white-space:空白符处理
normal(常规)默认值;
pre(预格式化);
nowrap(----)

背景属性
repeat:沿水平和竖直两个方向平铺(默认值)
no-repeat:不平铺(图像位于元素的左上角,只显示一次)
repeat-x:只沿水平方向平铺
repeat-y:只沿竖直方向平铺

Last modification:April 8th, 2019 at 09:00 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment