CSS基础知识

css不能在末尾加 ;


css引入的形式:内联式、嵌入式、外部式;

优先级:内联式>靠的最近的那个


可以使用类选择器词列表方法为一个元素同时设置多个样式


css继承:指某些样式具有继承性,可以应用到下一级标签,如颜色。但边框样式则不具备继承性。


css权值:标签为1,类选择符为10id选择符为100。 根据一个选择器所有权值相加来最后判断。

最高权值:!important


css层叠:同一元素有多个css样式,切权值一样,则最后的css样式会被应用。


为块级元素里的字体和图片设置居中:text-aligncenter

块级元素居中:margin:0 auto;

块级元素大小会被其内容里块级元素撑高,但不会被行内元素撑高。

行内元素的大小取决于内容的大小。


css中,html标签被分为三大类:块级元素、行内元素、内联块状元素


块级元素:

,,
,table标签设置margin0  auto属性,将块级元素放入td中。

2、将块状元素设置为行内元素。 可以实现居中,但少了块状元素的一些功能。

3、给父元素设置floatpositionrelativeleft50%;给不定宽块状元素设置floatpositionrelativeleft-50%

 

垂直居中:

父元素高度确定的单行文本:为父元素设置height=line height

父元素高度确定的多行文本:

1、插入tabletbodytrtd),td默认自带属性vertical-alignmiddle

2、父元素设置displaytable-cellvertiacl-alignmiddle属性。缺点是兼容性差,切修改了块级元素的性质。

 

 

隐性改变display类型:

当一个标签有以下属性:

1positionabsolute

2floatleftright

元素就会自动转变为displayinline-block(行内块级元素)元素,拥有了行内块级元素的性质。









你可能感兴趣的:(总结)