码迷,mamicode.com
首页 > 其他好文 > 详细

7.24复合元素

时间:2016-07-24 22:29:11      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

background 复合属性

background-color 背景颜色

background-image:url() 链接的背景图片

background-repeat: 图片是否平铺 no-repeat  repeat-x  repeat-y

background-position: 背景图片的位置 加坐标 X轴 Y轴 

background-attachment: 是否滚动

background: 颜色  图片的链接  是否平铺  背景位置 是否滚动 中间空格隔开

 


 

font 复合属性

font-weight:  粗度 bold  400 等同于 normal,而 700 等同于 bold。 范围i100-900

font-size/line-height:  字体大小/行高

font-family: 字体样式

font-style: 字体风格

描述
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。

 

 

 

 

 

font连写font-size和font-family 必须写其他的可以省略

 


 

border-radius:边框半径

有四个值:左上,右上,右下,坐下

四个值为元素宽度或是高度的一半的时候,会将元素变成圆形或是椭圆形,峰值只能到达宽度或是高度的一半。


 

行内元素的margin

行内元素的左右margin是可以起作用的,但是上下的margin是不起作用的。


 

清除浮动

浮动的原因就是因为父盒子没有高度,原来的高度是靠标准流中的子元素撑起来,但是子元素浮动了之后 ,脱离标准流了,造成父级元素的高度为0;

  1. 给父盒子设置一个高度
  2. Clear: both 
  3. Overflow: hidden   触发了BFC模式 也可以用来清除浮动
  4. 伪元素或是双伪元素清除法

    技术分享

 

7.24复合元素

标签:

原文地址:http://www.cnblogs.com/zhangweiwei1997/p/5701700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!