一、html的文本标签
1、标题标签:h1~h6普通的文本标签 :span
2、段落标签:p文章标签 :article 文章中的节标签:section
3、布局标签:div
5、图片显示标签: img(属性 src alt title)它是行内块级标签。
6、超链接标签: a(href target)
7、框架标签: iframe
8、列表标签:
a、有序列表
b、无序列表
c、定义列表
9、表格标签table
10、表单标签 form
11、form表单标签内的标签 lable input textarea select button
二、css的基本内容
1、css的使用方式:内嵌式 行内式 外链样式 导入样式
2、css选择器:
a、基础选择器(类选择器 标签选择器 ID 选择器)
b、后代选择器
c、子选择器
c、伪类旋选择器
d、群组选择器
e、兄弟选择器
f、属性选择器
**3、**css选择器的权重 行内值:1000; class :100; id:10;标签:1;
4、 css字体样式的设置:
a、字体风格:font-style
b、字体粗细:font-bold
c、字体大小:font-size
d、字体类型:font-family
5、css的扩展:px 、em 、rem
6、css文本样式的设置:
a、文本颜色:color
b、文本居中方式:text-align
c、段落首行缩进:text-indent
d、文本装饰线:text-decoration
e、英文字母的大小写:text-transform
f、文本阴影:text-shadow
g、段落文本行高 line-height
h、单词的间距:word-spacing
j、字符的间距:letter-spacing
k、空格换红处理:white-space
l、设置文本方向:direction
m、设置文本溢出处理:overflow
n、文本的裁剪:text-overflow
7、css盒子模型(content、padding、border、margin)
8、css 背景
a、背景颜色:background-color
b、背景图像:background-image
c、背景图片重复:background-repeat
d、背景图定位:background-position
e、背景图大小:background-size
f、规定背景颜色裁剪终点:background-clip
g、背景图片开始位置:background-origin
h、背景组合值:background
i、背景色渐变:background(linear-gradient线性渐变、radial-gradient径向渐变)
9、vertical-align的作用
10、css元素的显示与隐藏(元素的显示方式display /元素的不透明度 opacity、元素的可见性:visibility)
11、css元素的浮动float
12、css元素的定位position
13、扩展字体图标库
14、css的过渡与动画
a、过渡:transition
b、动画:animation
15、css的变形转换(transform)
a、位移-translate
b、缩放- scale
c、倾斜:skew
d、旋转-rotate
e、transform-origin变换原点
f、transform-style 3D嵌套样式
g、perspective-origin定义3D元素透视原点
h、perspective-visibility3D翻转背面可见性
16、media响应式
17、flex布局