一、背景

    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. Ajax七层模型用途

    Ajax七层模型 OSI七层模型满足所有网格模型 1.物理层:符合标准: 2.数据链路层:如网卡.水晶头.连接网络层等: 3.网络层:路由器(数据外围打IP地址): 4.传输层:两台计算器端口的连接: ...

  2. Spring框架快速入门之简介

    Spring是java平台上的一个开源应用框架.它的第一个版本是由Rod Johnson写出来的.Rod在他的Expert One-On- One Java EE Design and Develop ...

  3. [c#]asp.net开发微信公众平台(3)微信消息封装及反射赋值

    上一篇已经搭建好整体框架,实现了入口的验证,   验证通过后就交给LookMsgType方法处理,LookMsgType方法主要是对微信发来的不同的消息进行分解,不同的类型交给业务逻辑层不同的方法处理 ...

  4. google 地图,多个标记 js库

    360 云盘:http://yunpan.cn/cVgU3X7JFxAGY (提取码:1f07) 百度云盘:链接: http://pan.baidu.com/s/1c0fbCWw 密码: w1pm 参 ...

  5. python学习第九天 -- 列表生产式

    说说python特有的列表生成式.python的列表的生成式主要用法是什么? 用法就是可以使用简洁的代码生成出list集合. 直接用代码举了例子: 利用列表生成式生成列表[1x2,3x4,5x6,7x ...

  6. 基类方法的反隐藏 反private 秘籍

    class GoodStudent:private Mentor,private Student { public : using Mentor::GetInfo;   ///------------ ...

  7. Nokia N9开启开发者模式

    最近淘宝买个二手Nokia N9,纯粹是好奇meego系统. 到手了开始折腾,官方源早关闭了,导致无法开启开发者模式,没有权限很不方便.翻了翻dospy论坛的帖子,发现了n9repomirror_0. ...

  8. word2vec的艰难成长史

    1.首先在网站上面下载gensim,我是在11服务器上面下载的 2.使用winpython打开 3.在command windows 下使用pip install gensim这句话进行,原先使用这句 ...

  9. 通过布局文件来显示ListView内容并注册 ListView事件

    1:layout/vlist.xml是我们的布局文件,在这里一定要对首节点加上 android:descendantFocusability="blocksDescendants" ...

  10. Linux企业级项目实践之网络爬虫(16)——使用base64传输二进制数据

    用http传输二进制的数据时,需要将二进制做一下转化,例如传输的int类型,将int类型之间转为char以后,丢失掉了长度的信息,如数字123456,本来只有4个字节,但是转化成文本的"12 ...