框模型:定义了元素框处理元素内容element、内边距padding、边框border和外边距margin的方式。
外边距margin:与下一个元素之间的空间量。在设置value的值时,可以设置top,left,right,bottom,值的属性是px,%,也可以是负值,auto。在默认情况下,body,h1-h6,pre都存在外边距。设置auto,实现水平方向居中显示的效果。
margin的简洁写法,四个方向相同,(上下,左右),(上,左右,下),(上,右,下,左)。margin的合并纵向取大,横向相加。
背景图片的固定background-attachment:可以通过属性来设置:默认值scroll背景随文档滚动,可取值fixed背景图片的固定,并不会随着页面的其余部分滚动,常用于实现称为水印的图片。
背景的定位background-position
属性取值为%,x,y,left,right,bottom,top。
background-clip背景绘制区域:border-box背景被裁剪到边框盒,为默认值。padding-box背景被裁剪到内边距框,content-box背景被裁剪到内容框。
background-origin背景的定位区域,属性取值border-box背景图像相对于边框来定位。padding-box背景图像相对于内边距框来定位,content-box背景图像相对于内容框来定位。
background语法结构:colour url(图像)
URL repeat attachment position。
渐变语法:background-image属性设置,linear-gradient线性渐变,radial-gradient径向渐变,repeating-linear/radial-gradient重复线性/径向渐变。
线性渐变linear-gradient(angle,color-point1,color-point2....)第一个数指的是渐变的方向,可以是角度值,也可以是关键词,如to to/right/bottom/left对应0,90,180,270edg.
color-point颜色的起始点,中间点或者结束点,取值为颜色和位置的组合,如red0%,green50%。
radial-gradient径向渐变(size at position,color-point1,color-point2,....)position为第一个数,指渐变的圆心位置,默认值为center,可以取数值、百分比,或者关键字。color-point颜色的起始点,中间点或者结束点,取值为颜色和位置的组合,如red0%,green50%。
css基础2
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 唐玄宗天宝年间韦栗官至新淦gàn丞,他有个年幼的女儿十二三岁年纪。 在韦栗上任的路上,来到扬州的时候,这小女儿逛街...
- 今天,Oculus VR 公布了第二届开发者大会 Oculus Connect 2 全部演讲和展示的日程安排。大会...