{CSS}【background】

background是一个很重要的css属性

总共有9个不同的属性,1个background总览,其他的8个为分支:

1. background:

此为省略写法,可以书写其他所有的8个属性在一个当中;

2. background-color;          颜色

3. background-image;         背景图

url(地址)

4.background-position;       背景图位置

位置有三种单位:

(PX,%,单词)

5.background-repeat          背景图平铺

repeat;        全面平铺

no-repeat;   不平铺

repeat-x:     x轴平铺

repeat-y:     y轴平铺

6.background-attachment   背景图固定

只有2中选择:

fixed   始终在一个位置;

scroll  在整个文档中的位置,类似于absolute

其他3个就是CSS3的新加属性

分别为clip(绘制区域),origin(背景图区域定位),size(背景图大小【有4种值:

cover单图填满,contain最大化,%,px】)

时间: 2024-10-08 09:30:19

{CSS}【background】的相关文章

html、css 【珍藏】

   行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效.     块级元素: 各占据一行,垂直方向排列.从新行开始结束接着一个断行. 块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table 行内元素:span,   strong,   em,  br,  

[css]【转载】CSS样式分离之再分离

原文链接:http://www.zhangxinxu.com/wordpress/2010/07/css%E6%A0%B7%E5%BC%8F%E5%88%86%E7%A6%BB%E4%B9%8B%E5%86%8D%E5%88%86%E7%A6%BB/ 一.关于CSS样式分离 zxx://一些名词表意含有自己的理解成分,或许与您的理解有偏差,希望不要拘泥于措辞.无论是CSS的分离还是js的分离,其主要作用之一就是精简与重用. CSS本身就代表着精简与重用.例如我们可以设置一个如下的样式: .exa

CSS【06】:CSS显示模式

div和Span标签 作用:一般用于配合css完成网页的基本布局 <style> .header{ width: 980px; height: 100px; background: red; margin: auto; margin-bottom: 10px; } .content{ width: 980px; height: 500px; background: green; margin: auto; margin-bottom: 10px; } .footer{ width: 980px

标准基础样式表 style.css【原】 2016-08-21

适用于大部分pc网站的基础样式,从reset.css和normalize.css中提取的,再根据实际情况加减了一些样式,简洁实用. @charset "utf-8"; /****************************** Normalize ******************************/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, tex

CSS【03】:CSS 基础选择器与三种引入方式

基础选择器 选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式 选择器其实就是给 html 标签起名字 标签选择器 作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性 格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id选择器 作用:根据指定的 id 名称找到对应的标签,然后设置属性 格式: #

CSS【05】:CSS三大特性

继承性 作用:给父元素设置一些属性,子元素也可以使用,这个我们就称之为继承性 示例代码: <style> div { color: red; } </style> <div> <ul> <li> <p>我是段落</p> </li> </ul> </div> <!--p会变成红色--> 注意点: 并不是所有的属性都可以继承,只有以color.font-.text-.line-开

CSS【04】:CSS组合选择器

组合选择器 群组(并集)选择器 作用:给所有选择器选中的标签设置属性,可以同时控制多个选择器 格式: 选择器1, 选择器2 { 属性: 值; } 注意点: 必须使用,来连接 选择器可以使用标签名称.id名称.类名称 后代选择器 作用:找到指定标签的所有特定的后代标签,设置属性 格式: 标签名称1 标签名称2 { 属性: 值; } 先找到所有名称叫做"标签名称1"的标签,然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签,然后在设置属性 注意点: 后代选择器必

【技能】使用纯CSS+html写出方向箭头,简单大方,好看

使用纯CSS+html写出方向箭头,贴出来就可以用,100%原创 <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> .pointsRule{ display: inline-blo

css改变背景透明度【转】

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在