alt=内容(图片无法显示时显示此内容)titile=内容(描述图片的)
内容
(段落标签)
内容及内容(字体加粗标签)
内容
(换行标签)
内容
(标题标签)可以h1~h6进行切换
(水平线标签)在字体下面加一根线
(作用类似于空格)
centr(居中指令)
斜体标签
字体加粗标签 strong/<>
删除标签
上标标签
下标标签
标记标签
划分区域标签划分行属性区域
滚动标签
划分区域标签
无序列表
- 内容
有序列表
定义列表
-
名词
- 名词解析
border 边框
cellspacing 控制单元格与单元格之间的距离
cellpadding 控制单元格与文字之间的距离(让单元格变大)
colspan 跨列/和并列
rowspan 跨行/合并行
table 表格
width:宽
height:高
table 表格
caption表格标题
th单元格标题
tr行
td列
thead表头
tbody表身
tfoot表尾
(文本框)
value(提示信息用的)
type(规定元素的类型)
button(普通按钮)
submit(提交按钮)
reset(重置按钮)
radio(单选按钮)
align(定义文本的对齐方式)
right(右对齐)
font-size: px(字体大小)
font-weight: px(字体加粗)
color:(字体颜色)
外链接引入内:href=“路径”
width(宽)
height(高)
px(像素)
background(背景)
right(右)
top(上)
bottom(下)
center(居中)
left(左)
padding(内边距)
margin(让标签与标签之间产生距离)
dashed(虚线)
solid(实线
border(边框)
padding(内边距)
margin(外边距)
content(内容)
display:block(将行元素标签变为块元素标签)
display:inline(将块元素变为行元素)
display:inline-block(将其他标签变成行内块元素标签)
none(隐藏)
a标签伪类
:link (未访问的状态)
:visited(访问后的状态)
:hover(鼠标滑过状态)
:active(点击一刹那的状态)
字母前加冒号都是伪类
:hover(任何标签都能用)
伪类选择器
:first-child第一个子标签
:last-child最后一个子标签
border-radius:15px /百分比; 写圆
outline: none; 消除input标签的蓝色框
list-style: none;消除li的默认样式
float(浮动)
background-color(背景色)
background-image:url:图片(背景图)
background-size(背景图大小)
background-repeat:no-repeat(背景不平铺)
background-repeat-repeat(背景平铺)
background-position:方向(背景图定位)
background-attachment:fixed(背景图滚动,固定)scroll(滚动)
text-decoration: underline;(下划线)
text-decoration: line-through;(删除线)
text-decoration: overline;(上划线)
text-transform: uppercase;(所有字母大写)
text-transform: lowercase;(所有字母小写)
text-transform: capitalize;(首字母大写)
font-style: italic;(字体倾斜)
font-weight: 数值;(字体加粗)
font-family: "楷体";(字体类型)
font-size: %,em rem px;(字体大小)
clear:both(清除浮动)
overflow:hidden(溢出后直接删除,无法查看)
overflow:scroll(溢出后按滚动条方式查看)
overflow:auto(溢出后按滚动条方式查看)
1:定位的分类:
定位:position
1.1 固定定位position:fixed
1.2 相对定位position: relative
1.3 绝对定位position:absolute
2:固定定位 position:fixed
。 top:
left:
right:
bottom:
2.1:元素以浏览器为参照物进行定位
2.2 固定位改变文档流
3:相对定位 position: relative
3.1:元素以浏览器为参照物进行定位
3.2 相对定位不改变文档流:
4:绝对定位position:absolute
4.1:元素进行绝对定位要看父元素有没有相对定位,父元素有行对定位,以父元素为参照物进行定位,
父元素没有相对定位,以浏览器为参照物进行定位
4.2元素进行绝对定位没有父元素,直接以浏览器为参照物进行定位
4.3绝对定位改变文档流
5:透明度
opacity:0~1;
IE 滤镜(兼容) filter:alpha(opacity=0~100);
6:堆叠顺序
z-index:正值/负值 该属性必须和定位连用
正值越大该元素越往上
负值越小该元素越往下
placeholder(插入文本框文字)
text-decoration:none;(去除a标签下划线)
text-shadow:x y 模糊度 颜色;
webkit(兼容写法)
text-stroke: px 颜色(字体描边)
direction(文本排列方式)需配合unicode-bidi:bidi-override;
rtl(从右向左排列)ltr(从左向右排列)