HTML学习笔记知识框架总结分享
2022-10-20 11:43:54 0 举报
AI智能生成
登录查看完整内容
HTML学习笔记知识框架总结分享
作者其他创作
大纲/内容
strict
transitional
frameset
doctype
title
meta charset
head
各种DIV及HTML标签
body
HTML结构
从上到下
从左到右
从大到小
布局原则
width
height
宽高
margin
border
padding
盒子模型
浮动概念
浮动清除
浮动布局
DIV布局
ID选择器
类选择器
标签选择器
派生选择器
伪类选择器
通配选择器
选择器
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:背景图粘贴方式
background-position:背景图位置
背景控制
控制效果
页内style标签
外部css文件
行内style标签
import导入
引入方式
原因:浏览器对于元素有默认css参数,且可能不一致
后果:浏览器之间显示效果不一样
办法:统一对常用元素常用css参数,手动设定统一效果
初始化
CSS效果
div:块状元素,布局分块用
span:内联元素,选择文字用
无语义标签
h1-h6:标题
p:段落
img:图片
embed:视频
a:超链接和锚点
ul:无序列表
ol:有序列表
table:表格
有语义标签
HTML标签
HTML学习笔记知识框架总结分享
0 条评论
回复 删除
下一页