css常用属性汇编.pptx

Css常用属性 Css之color属性 Color属性是指标签内部文字的颜色有如下几种写发 div{color: red} div{color: #ffffff} div{color: #fff} div{color: rgb(255,123,111)} div{color: rgb(100%,0%,0%)} CSS 背景 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。例如：gray （颜色单词）#ffffff(十六进制值) #fff(十六进制值简写) rgb(255,100,100)(三原色) transparent （透明） 背景图像 要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。 例如：我们现在需要给body设置一个背景图像我们就可以这样写 body{background-image:url(../img/1.pag)} url里面是图片的路径 要么是工程下的相对路径 要么是来自互联网上的图片路径 背景图像重复 background-repeat 设置背景图像是否重复，值有 no-repeat ，repeat-x ，repeat-y。 背景定位 background-position 背景定位，值有top、bottom、left、right 和 center 或者 top center 之类的成对出现，也可以使用px 或者百分比。 背景关联 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 当设置 background-attachment:fixed 背景图像将不会随着滚动。 Background复合属性 Background：颜色 背景图片 是否重复 背景关联 定位； 推荐使用兼容性比较好 Css文本 text-indent 文本缩进 text-align 文本水平对齐 值有 left right center word-spacing 文字间隔 letter-spacing 字母间隔 text-transform 文字转换 none uppercase (大写) lowercase (小写) capitalize (首字母大写) text-decoration 文本装饰 none underline (下划线) overline (上划线) line-through (中间贯穿) 处理空白符 一般情况下浏览器会将多个空格合并为一个空格，并且换行会按空格处理，white-space属性可以解决这个问题，这个属性的默认值为normal，效果就像上面说的一样，我们还可以设置为pre 浏览器就会处理每一个空格和换行,但不允许自动换行。nowrap防止元素中的文本换行，除非 br/强制换行。pre-line 空格合并成一个，换行正常。pre-wrap 空格换行保留并允许自动换行。 CSS 字体 font-family：指定字体 例如“微软雅黑”，可以是一个特定字体或者是一个字体系列 例如“Serif”。 CSS 定义了 5 种通用字体系列： Serif 字体 Sans-serif 字体 Monospace 字体 Cursive 字体 Fantasy 字体 CSS 字体 当你指定一个特定字体时，如果用户的电脑没有安装这种字体，将会以默认字体来显示，无法达到要求。 我们可以通过结合特定字体名和通用字体系列来解决这个问题： 例如：h1 {font-family: “微软雅黑”, serif;} 这样当用户电脑没有安装微软雅黑字体时，会从serif中匹配合适的字体。 字体中引号的使用 当字体名中有一个或多个空格（比如 New York），或者如果字体名包括 # 或 $ 之类的符号，才需要在 font-family 声明中加引号。 单引号或双引号都可以接受。但是，如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号。 例如： font-family: Times, TimesNR, New Century Schoolbook, Georgia, New York, serif; 字体加粗 关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。 如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相