2019-12-09

                                                    css背景

·css背景

Background-color 背景颜色

Background-image背景图片地址

Background-repeat是否平铺

Background-position背景位置

Background-attachment背景固定还是滚动

·背景的合写(复合属性)

background:背景颜色 背景图片 是否平铺 北京滚动 背景设置

Background:URL(图片地址)

Background-repeat:repeat-x-y(横铺竖铺)

·背景位置

语法:background-position:length||iength

Backround-position:position||position;

参数:

Length百分数1有浮点数字和单位标识符组成的长度值

Position:top(上)center(中)bottom(下)left(左)right(右)

说明:设置或检索对象的背景图片位置,必须先制定background-image属性。默认值为(0%0%)

如果指定一个值改值将用于横坐标,纵坐标默认为50%

如果指定两个值则为对角线

如果指定三个值则为上和左右

如果指定四个值则为四个角的值

注意:1.position后面是x坐标和y坐标可以使用名词或者精确单位

2.如果和精确单位和单位名字混合使用必须x坐标在前y坐标在后(实际工作中最用最大的就是北京鱼片居中对齐了)

[if !supportLists]3. [endif]如果方位名词只写一个,另外一个默认值为center

[if !supportLists]4. [endif]精确单位第一值一定是x坐标,第二只一定是y坐标

·背景附着

参数:scroll背景图像是随着对象内容滚动fixed背景图像固定

说明:设置或检测背景图像是随对象内容滚动还是固定的

公式:background-attachment:fixed

·背景简写

Background背景颜色、背景图片地址、背景平铺、背景滚动、背景位置

·背景透明

格式css支持背景透的写法 background:rgba(0,0,0,0-1)之间

注意:背景半透明是指盒子背景变透明内容不会受到影响,同样可以给文字边框甲乙透明效果都是rgba格式:

背景图片设置大小background-size:100px    我们尽量只改一个值防止自动缩放扭曲 建议使用百分比缩放

·多背景

以逗号分割可以设置多背景,可用于自适应布局做法就是都好隔开就好

[if !supportLists]1. [endif]一个元素可以设置多冲北京图像

[if !supportLists]2. [endif]魅族属性间使用都好分割

[if !supportLists]3. [endif]如果设置的多重背景图之间存在着交集前面的背景图会覆盖在后面的背景图之上

[if !supportLists]4. [endif]微辣避免背景色将图像盖住,背景色通常都定义在最后一组上

公式:back ground:图片路经+图片路经

·凹凸文字

根据亮度的阴影面积来制作凹凸文字

Text-decoration通常我们会给连接修饰效果

描述

None默认定义标准的文本

Underline定义文本的下一线条

Overline定义文本的一条线

Line-througe定义穿过文本地一条线

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容