• CSS权威指南之css声明,伪类,文本处理--(简要笔记一)


    1.css层叠的含义

     后面的会覆盖前面的样式

    2.每个元素生成一个框,也称盒。
     
    3.替换元素和非替换元素。
    img如果不指定src的外部路径,该元素就没有意义。他由文档本身之外的一个图像文件来替换。
    大多数都是非替换元素。span中的内容由用户代理。
     

    4.元素间的父子与祖先

    如果一个元素在另外一个元素的直接上一层,他们就有父子关系

    如果是从一个元素到另外一个元素的路径要经过两层或多层,那这个就是祖先与后代的关系

     
    5.animate的动画叠加解决办法
    使用的时候在animate前面放上stop
     
    6.特殊性,继承,层叠
     
    7.声明优先级的内在原因
    o,o,o,o中的第一个0就是为内连样式声明保留的。内联样式优先级最高。当然还有一个是使用:!important,来强制改变优先级。
     
    8.继承的方向
    只能往下继承,不能往上继承。
    有一个例外:body元素的背景样式可以向上到html元素。
     
    9.伪类
        (1)使用伪类的选择器就是伪类选择器
        (2)伪元素选择器:CSS2.1中定义了4个伪元素
                :first-letter(应用于块级元素)
                :first-line(应用于块级元素)
                :before
                :after          
        
    10.border就不能继承
     
    11.html与xhtml将类选择器和id选择器定义为区分大小写
     
    12.css中导入多个css:使用@important
    @important url(styl.css)
     
    13.字体下载问题
    css2支持下载样式,并定义了响应属性,不过web浏览器总是拒绝下载字体。
     
    14.字体:font-family:‘X X’,'XX',AA
    字体中如果有特殊符号或者有空格,必须要用引号括起来,这是一种推荐做法。
     
    15.文本处理
    (1)水平对齐
    text-align:应用于块状元素
    与center不一样,它会使得元素居中不只是文本
     
    (2)段落缩进
    text-indent:应用于块状元素,可以是正值也可以是负值。负值用于悬挂缩进。
    如果是行内元素的话,可以使用左内边距。
     
    (3)垂直对齐 
    行高:line-height指的是文本行的基线间的距离。
           一种是显示的设置每个元素的行高,这种方式不是很实用。
           另外一种是设定一个缩放因子。
     
            构造文本行:
            文本行中的每个元素都会生成一个内容区,这个由字体的大小确定。    
            这个内容区则会生成一个行内框,如果不存在其他因素,这个行内框完全等于该元素的内容区。
            由line-height产生的行间距就是增加或减少各行内框高度的因素之一。
      
     
    vertical-align:作用于行内元素和替换元素 
     
    (4)子间隔和字母间隔
    字间隔:word-spacing
                这个长度会增加到字之间的标准间隔。
    字母间隔:letter-spacing
    这两者的区别在于:字母间隔修改的是字符或字母之间的间隔。
     
    (5)文本转换
        text-transform
     
    (6)文本装饰
        text-decoration
     
    (7)文本阴影
        text-shadow
     
    (8)处理空白符:其实HTML已经做到了这点,它将任何空白压缩成单个空白符。
        white-space
     
     
  • 相关阅读:
    NSIS附加数据库,分离数据库脚本代码
    C# 昨天今天明天上周本周下周上月本月下月等日期计算
    NSIS安装MSDE2000和NET2.0脚本代码
    sql 获取指定数据表的所有字段名称的字符串
    如何检测TerraGate的InternetLicense运行是否正常
    Skyline TEP5.1.3二次开发入门——初级(七)
    Skyline软件二次开发初级——2如何在WEB页面中控制三维地图的观察点坐标和角度
    如何实现Skyline与微软bing地图的联动
    Skyline软件二次开发初级——3如何在WEB页面中的三维地图上创建几何对象
    Skyline软件二次开发初级——1如何在web页面中添加控件和加载三维地图数据
  • 原文地址:https://www.cnblogs.com/zqzjs/p/5030885.html
Copyright © 2020-2023  润新知