zoukankan      html  css  js  c++  java
  • CSS3秘笈复习:第六章

    第六章

    1.文本大写化:

    text-transform:uppercase;

    另外三种选项是:lowercase或capitalize以及none。

    2.文本修饰:

    text-decoration:underline/overline/line-through/blink/none

    可以使用多个关键字来合并效果。

    3.给文本添加阴影:它接收四个参数 水平偏移量 垂直偏移量 阴影的模糊度 阴影的颜色

    text-shadow:-4px 4px 3px #999999;

    可以添加多个阴影,用逗号隔开。

    4.调整行间距:

      浏览器默认line-height属性的值是120%,如果要使行间距变得紧凑些就用小于120%的值,如果要使行间距变得大一些,就用大于120%的值。

    可以使用数字来表示行间距,如:

    line-height:1.5

    浏览器会将这个数字与字号相乘来确定行高。

    5.文本格式的快捷方法:

      使用font属性一次性设置font的值:

    font:italicboldsmall-caps 18px/150% Arial , Helvetica , sans-serif ;

    一个font语句不一定要包含上述所有的属性,但是必须包括字号和字体;每个属性值之间要有一个空格,多中字体之间用逗号隔开;指定行高的时候要在字号后面加一个正斜杠/,在后面是行高,像这样:1.5em / 150% 或 24px / 37px;最后两种属性必须是font-size和font-family,一定要按这种顺序,其他属性均可按任意顺序编写。

    6.列表格式化:

      list-type-position:outside/inside;可以控制项目符号的位置,让项目符号显示在文本之内或者文本之外。利用padding-left属性可以调整项目符号与文本的距离,但是只有在list-type-position设置为outside或者没有使用list-type-position时才有效。

      list-style-image属性可以指定图片在网站上的路径,自己创建项目符号。

  • 相关阅读:
    seajs加载angularjs
    seajs加载jquery提示$ is not a function
    java 动态代理
    C#第三章--对象和类
    Android笔记--两种双击退出程序的方法
    Android--Volley基本用法及自定义
    Win10专业版只要12.99元?应用商店Bug福利也算数
    新人报道
    排序

  • 原文地址:https://www.cnblogs.com/koto/p/5348262.html
Copyright © 2011-2022 走看看