HTML学习笔记知识框架总结分享
2022-10-20 11:43:54 0 举报AI智能生成
HTML学习笔记知识框架总结分享
作者其他创作
大纲/内容
HTML结构
doctype
strict
transitional
frameset
head
title
meta charset
body
各种DIV及HTML标签
DIV布局
布局原则
从上到下
从左到右
从大到小
盒子模型
宽高
width
height
margin
border
padding
浮动布局
浮动概念
浮动清除
CSS效果
选择器
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参数，手动设定统一效果
HTML标签
无语义标签
div：块状元素，布局分块用
span：内联元素，选择文字用
有语义标签
h1-h6：标题
p：段落
img：图片
embed：视频
a：超链接和锚点
ul：无序列表
ol：有序列表
table：表格
0 条评论
下一页
