二、html学习思维导图

时间：2023年10月12日

来源：网络

编辑：佚名

HTML包含HTML结构、DIV布局、CSS效果、HTML标签四部分
一、HTML结构
1、doctype: strict,transitional,frameset
2、head:title,meta charset
3、body:各种DIV及HTML标签
二、DIV布局
1、布局原则：从上到下，从左到右，从大到小
2、盒子模型：
宽高：width,height
margin
border
padding
3、浮动布局:浮动概念,浮动清除
三、CSS效果
1、选择器：ID选择器，类选择器，标签选择器，派生选择器，伪类选择器，通配选择器
2、控制效果：
段落控制：text-indent:首行缩进，text-align:水平文字方向，text-decoration:文本装饰线，text-spacing:字符间距
text-transform:字母大小写转换
文字控制：color:颜色，font-style:文字样式，font-weight:文字粗细，font-size:文字大小，line-height:行高，font-family:字体
背景控制：background-color:背景颜色，background-image:背景图片，background-repeat:背景图重复，
background-attachment:背景图粘贴方式，bakcground-position:背景图位置
3、引入方式：
页内style标签，外部css文件，行内style标签，import导入
4、初始化：
原因:浏览器对于元素有默认css参数，且可能不一致
后果:浏览器之间显示效果不一样
办法:统一对常用元素常用css参数，手动设定统一效果
四、HTML标签
1、无语义标签：div :块状元素，布局分块用，span:内联元素,选择文字用
2、有语义标签：
h1-h6:标题，p:段落，img:图片，embed:视频，a:超链接和锚点，ul:无序列表，ol:有序列表，table:表格

新闻资讯更多

猜你需要