前端 - 易混淆的一些css属性

html平时常见的块元素有：div, p, h1, h2, h3等，

address      - 地址
blockquote   - 块引用
center       - 举中对齐块
dir          - 目录列表
div          - 常用块级
dl           - 定义列表
fieldset     - form控制组
form         - 交互表单
h            -标题标签
hr           - 水平分隔线
isindex      - input prompt
menu         - 菜单列表
ol           - 排序表单
p            - 段落
pre          - 格式化文本
table        - 表格
ul           - 非排序列表

内联元素有：span, a, img等。

a       - 锚点
abbr    - 缩写
span    - 文本内区块
img     - 图片
input   - 输入框
textarea - 多行文本输入框
label   - 表格标签
select  - 选择
acronym - 首字
b       - 粗体
big     - 大字体
br      - 换行
cite    - 引用
code    - 引用源码使用
em      - 强调
font    - 字体设定
i       - 斜体
kbd     - 定义键盘文本
q       - 短引用
s       - 中划线
samp    - 定义范例计算机代码
small   - 小字体文本
strike  - 中划线
strong  - 粗体强调
sub     - 下标
sup     - 上标
u       - 下划线
var     - 定义变量

块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。

内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。

 

position:

- absolute   绝对定位的元素  通过 "left" , "top" , "right" ,"bottom"属性进行  元素可以放在页面的任何位置

-relative      相对定位的元素，相对于正常位置进行定位    相对于上一层标签的位置进行移动，层层箱套

-fixed          固定定位的元素，相对于浏览器的窗口进行定位   可以在网页的导航条上进行使用   不随网页的滚动而变化   

 

display    属性规定元素应该生成的框的类型

-none     元素不显示 数据被隐藏

-block     显示为块级标签  会独占一行

-inline     显示为内联元素  （也叫行内元素）

-inline-block  行内块元素

 

padding   （不准使用负值）

-在一个声明中设置所有内边的属性

padding: 2px 3px 4px 5px;     上内边距是 2px  右内边距是3px  下内边距4px  左内边距5px

padding: 2px 3px 4px;            上内边距是 2px   右左内边距是3px   下内边距4px

padding: 2px 3px  ;                 上下内边距是 2px    右左内边距是3px

padding: 2px;                          四个内边距全是2px；

 

margin 在一个声明中设置所有外边距属性（可以使用负值）

margin: 2px 3px 4px 5px;         上外边距是2px   右外边距是3px   下外边距是4px   左外边距是5px 

margin: 2px 3px 4px；             上外边距是2px    右左外边距是3px  下外边距是4px 

margin: 2px 3px ；                   上下外边距是2px  右左外边距是3px

margin:2px                                四个外边距全是2px；