html标记和css,html和css标签总结

alt=内容(图片无法显示时显示此内容)titile=内容(描述图片的)

内容

(段落标签)

内容及内容(字体加粗标签)

内容
(换行标签)

内容

(标题标签)可以h1~h6进行切换

---

(水平线标签)在字体下面加一根线

 (作用类似于空格)

centr(居中指令)

斜体标签   

字体加粗标签  strong/<>

删除标签   

上标标签

下标标签

标记标签

划分区域标签划分行属性区域

滚动标签

划分区域标签

无序列表

• 内容

有序列表

1. 定义列表

   名词

   名词解析

   超链接标签

   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(从左向右排列)