css 超全样式属性

<pre>预格式标签</pre>里面写的是什么网页就是什么
<sub>下标<sub>
<sup>上标<sup>
姓名：<ins>张三</ins>张三加下划线
<del></del>给字加删除线
rows 表格只要行
cos列可能不对
frame="" 外边框可见性void不显示above上边框below下边框hsides上下边框vsides左右边框lhs左rhs右
rules=""内侧边框可见性none没有gre
<caption>1911A班花名册</caption> 表格名称写在表格标签和行标签之间
rowspan行合并 后面赋值合并几行  垂直合并 
colspan列合并 后面赋值合并几列 水平合并
块元素独占一行  行内元素可以一起在一行
<textarea rows="3" cols="20">请在此处介绍自己</textarea>多行文本域

hypertext markup language 超文本标记语言   

ctrl+alt+z 撤销

ctrl+t 自由变换 

ctrl++ 放大 

ctrl+- 缩小 


ctrl+r 显示标尺

ctrl+d 取消选区

ctrl+n 新建

ctrl+w 关闭

ctrl+s 保存

ctrl+p 打印

ctrl+alt+shift+s 保存成web图片

f8 显示/隐藏“信息”面板

!doctype 文档类型声明

html 网页

head 网页头部标签

meta 语言编码声明 

utf-8 编码格式国际通用编码

gb2312 简体中文编码

title 网页标题标签

body 网页主体

css 网页样式文件夹

images 网页图片文件夹

js 网页动态文件夹

index.html 首页

default.html 默认首页

jpg图片 颜色丰富、支持上百万种颜色、文件小

gif图片 最多256种颜色、支持透明和动画

png图片 无损压缩、文件大、支持透明和半透明




br 换行标记

b、strong 加粗

i、em 倾斜

u 下划线

&nbsp; 空格英文半角

&emsp; 一个字

&lt; 小于号    

&gt; 大于号

&quot; 双引号 

&copy; 版权

&reg; 注册

&amp; &

h1-h6 标题 

align 水平对齐方式

对齐方式的属性值：

left 左对齐

right 右对齐

center 居中对齐

p 段落标记 

img 图像标记 

src 图片路径 

alt 图片提示文字 

width 宽度 

height 高度 

border 边框 

title 鼠标滑过图片显示的文字提示 

hr 水平线标记 

水平线的属性：

color 颜色

size 粗细

width 宽度

align 对齐方式




a 超链接标签

href 链接的路径

target 窗口打开方式

_blank 新窗口

_self 原窗口

_parent 父窗口

_top 主窗口

name 命名属性

title 鼠标滑过显示提示文字

ul 无序列表

li 列表项

type 类型属性

disc 实心圆

circle 空心圆

square 正方形

ol 有序列表

start 开始属性

reversed 倒序显示属性

dl 自定义列表
 
dt 定义项

dd 描述项






table 表格 
                       
tr 行 

td 列 

th 表头 

table的属性：

width 宽度
                                                     
height 高度

align 水平对齐方式
  
border 边框 
                                           
bgcolor 背景色 

background 背景图片 

cellspacing 单元格间距 

cellpadding 单元格边距 
                           
thead 表格页眉

tbody 表格主体

tfoot 表格页脚
                       
colspan 水平合并

rowspan 垂直居中 

align 水平对齐 

center 水平居中对齐 left 水平左对齐 right 水平右对齐

valign 垂直对齐 

top 垂直上对齐 middle 垂直中对齐 bottom 垂直下对齐




form 表单标签

action 提交地址

method 提交方法

get 从浏览器获取数据 post 向浏览器传送数据

name 名称 

target 打开方式 
   
_self原窗口

_blank新窗口

input 输入标记

type 类型

name 名称

value 值

checked 默认选中

placeholder 模糊显示提示文字

text 文本框

password 密码框

radio 单选框

checkbox 复选框  

file 文件域

image 图像域（可以作为提交按钮）

hidden 隐藏域

button 普通按钮

reset 重置按钮

submit 提交按钮

tel 电话号

url 网址

email 邮箱

number 数字

step 步长 

max 最大值 
 
min 最小值

date 日期

search 搜索框

select 下拉菜单

option 下拉菜单的选项

selected 默认选中

textarea 文本域

cols 字数=宽度   
  
rows 行数=高度

maxlength 最大长度



css cascading style sheets 层叠样式表

style 样式

link 外部链接标签

@import 外部导入

* 全局选择器

p 标签选择器、元素选择器、标记选择器

class 类选择器

id id选择器

a:link 访问前的状态

a:hover 鼠标滑过的状态

a:active 鼠标按下的状态

a:visited 访问后的状态





文字属性:

color 文字颜色

font-size 文字大小

font-family 文字字体

font-weight 文字粗细

normal 正常（100-500）

bold 加粗（600-900）

bolder 更粗

lighter 更细

font-style 字体风格

italic  倾斜 
 
normal 正常

段落属性:

text-decoration 文字修饰

underline 下划线

none 无修饰

overline 上划线

line-through 删除线

text-align 水平对齐方式

left 水平左对齐

right 水平右对齐

center 水平居中

justify 两端对齐

text-indent 文本缩进

line-height 行高






背景属性

background 背景属性

background-color 背景颜色

background-image 背景图片

background-repeat 背景重复

repeat  平铺 

no-repeat 不平铺 

repeat-x 水平平铺

repeat-y 垂直平铺

background-position 背景位置

background-attachment 背景附件

scroll 默认值滚动

fixed 固定

列表属性

list-style 列表样式属性

list-style-type 项目符号类型

disc 默认值实心圆

square 小方块

circle 空心圆

none 取消点点点

list-style-image 自定义列表符号

list-style-position 项目符号位置

outside 默认值在外面

inside 在里面





div 盒子标签

content 内容

border 边框

border-color 边框颜色

border-style 边框样式

soild 实线

dashed 虚线

dotted 点线

border-width 边框宽度

border-top 上边框

border-right 右边框

border-bottom 下边框

border-left 左边框

padding 内填充

padding-right 右填充

padding-top 上填充

padding-bottom 下填充

padding-left 左填充

margin 外间距

margin-right 右外边距

margin-top 上外边距

margin-bottom 下外边距

margin-left 左外边距





float 浮动

none 默认值不浮动

left 左浮动

right 右浮动

clear 清除浮动

none 默认值不清除

both 全部清除、清除左右浮动

left 清除左浮动

right 清除右浮动





display:inline 转换成行内元素

display:block 转换成块元素

display:inline-block 转换成行内块元素

display:none 隐藏元素、不占位

overflow:visible 默认值、显示溢出内容

overflow:hidden 隐藏溢出部分

overflow:scroll 强制显示滚动条

overflow:auto  自动显示滚动条

visibility:visible 默认值、显示元素

visibility:hidden 隐藏元素、占位





position 定位

static 默认值、静态定位、没有定位

absolute 绝对定位

relative 相对定位

fixed 固定定位

z-index 元素的层叠顺序

auto 默认值、自动

right 方向词右

left 方向词左

bottom 方向词下

top 方向词上





:first-child 第一个子元素

:last-child 最后一个子元素

:nth-child(n) 第n个子元素

:nth-last-child(n) 倒数第n个子元素

:nth-child(odd) 奇数项子元素

:nth-child(even) 偶数项子元素

:nth-of-type(n) 正数同类型子元素

:nth-last-of-type(n) 倒数同类型子元素

:link 未被点击时、初始状态

:visited 点击过后

:hover 鼠标滑过时

:active 鼠标点击时

:focus 获取光标/焦点时

input[type] 有type属性的

input[type="t"] 相等


input[type^="t"] 开头


input[type$="t"] 结尾


input[type*="t"] 包含、含有

:enabled 可用状态伪类选择器

:disabled 不可用状态伪类选择器

:checked 选中状态伪类选择器

::selection 突出显示选中文本伪类选择器、只能添加color、background-color、text-shadow属性、不能添加border属性

div p 包含

div>p 子级

div+p 相邻

div~p 兄弟





text-shadow 文字阴影

h-shadow 水平偏移量、必须有

v-shadow 垂直偏移量、必须有

blur 模糊程序、可有可无

color 颜色、可有可无

box-shadow 盒子阴影

h-shadow 水平偏移量、必须有

v-shadow 垂直偏移量、必须有

blur 模糊程序、可有可无

spread 阴影半径值、可有可无

color 颜色、可有可无

inset 内阴影

border-radius 边框圆角

gradient 背景渐变

linear-gradient 线性渐变

text-overflow 文本溢出

clip 默认值、剪切

ellipsis 省略号

white-space:nowrap 强制不换行

box-sizing 盒子大小

content-box 默认值、只包含本身宽高

border-box 既包含本身又包含padding和border





transition 过渡动画属性

transition-property 设置动画的属性

transition-duration 设置动画的耗费时间

transition-timing-function 设置动画的显示时间曲线

linear 匀速

ease-out 加速

ease-in 减速

ease 慢-快-慢（默认值）

ease-in-out 慢速开始慢速结束

transition-delay 设置动画的开始时间

animation 帧动画属性

animation-name 帧动画名称

animation-duration 帧动画的耗费时间

animation-timing-function 帧动画的显示时间曲线

animation-delay 帧动画的开始时间

animation-fill-mode 指定帧动画执行前后应用

none 默认值、不应用

forwards 结束后

backwards 第一帧

both 常用值、同时具备forwards和backwards