一、背景

    1、背景颜色用background-color属性,例如:body{background-color:red}
    2、用图像做背景用background-image属性,例如body{background-image:ul1(23.jpg)
    3、背景由图片重复平铺用backgroud-repeat属性,repeat-x或repeat-y分别表示水平或垂直平铺,
         no-repeat表示允许从任何方向上平铺
         例如:body
                 {background-image:url(23.jpg)
                  background-repeat:repeat-x:) } 
    4、用background-position属性将背景定位,[位置:top、bottom、left、right、center、还可使用 
         百分比(50% 50%)、长度值(50px 50px)]
         例如:body

                 {background-image:url(23.jpg)
                  background-position:center}
     5、设置图片关联属性用background-attachment,例如下面的图片背景不会随文字的滚动而滚动
                   body{background-image:url(23.jpg);
                                   background-repeat:no-repeat;
                                   background-attachment:fixed;}
二、文本
     1、缩进文本用text-indent属性,最常见的是段落首行缩进,缩进值可以还负数
          例如:p{text-indent:-5em},但设置负数容易超出浏览器窗口左边界,要特别注意;
          缩进值单位可以是百分数%,长度单位px,度量单位em;
          text-indent属性可以继承,例如:
         div#outer {width:500px;}
         div#inter  {text-indent:10%}
         p{width:200px;}
                <div id="outer">
                <div id="inter"> some text.some text.some text.
                          <p>this is a pragramph</p>
                </div>
                </div>
    2、水平对齐用text-align属性(left、right、center、justity)
    3、word-spacing可以改变字(单词)之间的标准间隔,默认值normal与设置值为0是一样的,    
         word-spacing接受正长度值也可接受负长度值
    4、letter-spacing改变字符和字母之间的间距,其他同word-spacing,默认值normal与设置值为0是          
           一样的,接受正长度值和负长度值
    5、text-transform处理文本的大小写(none、uppercase大写、lowercase小写、capitalize首字母为大
         写
    6、text-decoration处理文本装饰(none、underline、overline上划线、line-through贯穿线、blink闪    
        烁
    7、处理空白符white-space    
          值pre-line,空白符:合并,换行符:保留,自动换行:允许;
          值normal,空白符:合并,换行符:忽略,自动换行:允许;
          值nowrap,空白符:合并,换行符:保留,自动换行:不允许
          值pre-wrap,空白符:保留,换行符:保留,自动换行:允许
    8、direction属性影响块级元素中文本的书写方向,列表中布局的方向、内容水平填充其文本框的方向以    
         及两端对齐元素中最后一行的位置(值有两个,ltr和rtk,其中ltr为默认值,为从左到右的方向)
    9、line-height设置行高

CSS样式之背景、文本的更多相关文章

  1. 11种常用css样式之开篇文本字体学习

    常见css样式:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏 文本:1.letter-spaci ...

  2. css样式之背景图片

    1.css样式背景之使用图片来做为背景 example: <!DOCTYPE html> <html> <head> <meta http-equiv=&qu ...

  3. CSS样式属性——字体+文本

    CSS属性可分为以下几类:字体.背景.文本.位置.布局.边缘.列表 1. 字体——主要包括文字的字体.大小.颜色.显示效果等基本样式 font-family:用于设置字体系列 font-size:字体 ...

  4. CSS 颜色 字体 背景 文本 边框 列表 display属性

    1  颜色属性 <div style="color:blueviolet">ppppp</div> <div style="color:#f ...

  5. HTML 学习笔记 CSS样式(背景)

    背景色 可以使用background-color属性为元素设置背景色 这个属性接受任何合法的颜色值. 可以使用background-image属性来喂元素设置背景图片. 背景重复 如果需要在页面上对背 ...

  6. CSS样式属性——背景

     背景——包括背景颜色.背景图片,以及背景图片的控制 background-color:设置背景色(transparent表示透明的背景色) background-image:设置元素的背景图片 ba ...

  7. 巧用hover改变css样式和背景

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. MOOC Web前端笔记(三):CSS样式

    CSS样式 CSS概述 CSS--Cascading Style Shees层叠样式表 HTML定义网页的内容,CSS定义内容的样式. 内容和样式相互分离,便于修改样式. CSS语法 p{ font- ...

  9. 11种常用css样式之background学习

    background如何简写?如何在背景图像不变的情况下,依旧实现页面文字滚动,为之奈何?别担心,快用background-attachment: fixed;/*固定定位*/常用的backgroun ...

随机推荐

  1. 从客户端检测到危险的Request.Form值解决方案

    1.修改aspx页面中的代码,设置ValidateRequest="false" <%@ Page Language="C#" AutoEventWire ...

  2. .NET中常见的内存泄露问题——GC、委托事件和弱引用

    一.什么是内存泄露(memory leak)? 内存泄露不是指内存坏了,也不是指内存没插稳漏出来了,简单来说,内存泄露就是在你期待的时间内你程序所占用的内存没有按照你想象中的那样被释放. 因此什么是你 ...

  3. C#--接口的实现

    接口: 不允许使用访问修饰符,所有接口成员都是公共的. 接口成员不能包含代码体. 接口不能定义字段成员. 接口成员不能使用关键字static,vritual,abstract,sealed来定义. 类 ...

  4. angularjs使用ng-messages的注册表单实例

    <!DOCTYPE html> <html lang="zh-CN" ng-app="app"> <head> <me ...

  5. 动态代理写connection连接池Demo

    public class JdbcUtil2 { //声明连接池<放到LinkedList中,操作其中对象的速度快 只需要改变连接> private static LinkedList&l ...

  6. KM算法专题

    原文:http://972169909-qq-com.iteye.com/blog/1184514 题目地址:这里. 1)求图中所有环的总长度(环的长度不唯一)的最小值.当无法得到完备匹配时说明环不存 ...

  7. 在Mac上使用Nginx和FastCGI部署Flask应用

    最近在学习Flask,本文介绍一下如何部署Flask开发的应用,同时也学习一下Nginx的使用,这只是在Mac上的一个实验. 应用 这里使用的应用就是官方的文档中给出的Flaskr. 安装Nginx ...

  8. AndroidStudio push代码到github

    步骤 1 studio的git配置: 安装好git后启动Androidstudio,打开如下路径File->Settings->Version Control(展开)->git 在P ...

  9. QuickTime 专业版 pro 注册码

    打开QuickTime Player下拉编辑菜单--选偏好设置--注册 Name: Dawn M Fredette Key: 4UJ2-5NLF-HFFA-9JW3-X2KV 重新启动 QuickTi ...

  10. DOS的BAT技巧两则

    一,杀FF进程 二,删除FF产生的配置文件(这个大了,不小心就会爆盘) taskkill /f /t /im firefox.exe for /d %%i in (C:\Users\cheng\App ...