布局

Rgba()

Rgb()

Opacity

Rgba opacity

Opacity 不仅改变元素的背景透明度 也改变元素间内容的透明度

Rgba  只改变背景颜色的透明度

Opacity 不支持ie8-  ?

  1. 布局

  百分比布局  :核心  所有的百分比都是相对父级的.

Div{Width:50%; } div的宽是父级元素宽的百分之五十  

谷歌浏览器默认字体大小是16px.最小字体是10px

面试题,html{font-size:62.5%}  因为62.5%*16=10px 这样方便计算  整个页面的字体大小都是10px.因为字体可以继承.

Css中哪些属性是可以继承的?

     

1、字体系列属性

font:组合字体

font-family规定元素的字体系列

font-weight设置字体的粗细

font-size设置字体的尺寸

font-style定义字体的风格

font-variant设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持

font-size-adjust为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。

2、文本系列属性

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing增加或减少单词间的空白(即字间隔)

letter-spacing增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色

3、元素可见性:visibility

4、表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局属性:list-style-type、list-style-image、list-style-position、list-style

6、生成内容属性:quotes

7、光标属性:cursor

8、页面样式属性:page、page-break-inside、windows、orphans

9、声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

 

  流式布局  float

定位

  圣杯

   俩端固定 中间自适应

  双飞翼

   俩端自适应 中间固定

弹性

响应式

自适应

Margin-right  设置为整数 不会对自身元素造成影响  让平行元素往右移动

posted @ 2019-09-11 09:58  Y413  阅读(112)  评论(0)    收藏  举报