CSS基础

这段时间由于项目的驱动，比较多的关注前端技术，这一块是之前都没有过多学习过的。CSS就是前端核心技术之一。

·        选择器：

id selector > class selector>tag selector

权重计算(calculating specificity)：

Selector	specificity
p	1
div p	1+1
.tree	10
div p.tree	1+1+10
#tree	100
body #tree .alter p	1+100+10+1

 

·        display

简单来说display用来对显示内容进行简单控制的属性，常用的有block，none，inline等等。

   1.      display:block 有换行作用

   2.      diplay:none 隐藏对象及对象内容

   3.      display:inline 在一排显示

其他参数：

block :块对象的默认值。用该值为对象之后添加新行

none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline :内联对象的默认值。用该值将从对象中删除行

compact :分配对象为块对象或基于内容之上的内联对象

marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before伪元素一起使用

inline-table :将表格显示为无前后换行的内联对象或内联容器

list-item :将块对象指定为列表项目。并可以添加可选项目标志

run-in :分配对象为块对象或基于内容之上的内联对象

table :将对象作为块元素级的表格显示

table-caption :将对象作为表格标题显示

table-cell :将对象作为表格单元格显示

table-column :将对象作为表格列显示

table-column-group :将对象作为表格列组显示

table-header-group :将对象作为表格标题组显示

table-footer-group :将对象作为表格脚注组显示

table-row :将对象作为表格行显示

table-row-group :将对象作为表格行组显示

 

·        部分CSS3标签

Box-Shadows

Text-Shadows

border-radius

…