• CSS小结


    一、
    1. css必须写在<head></head>里面的<style></style>里面

    2. css 由选择器 + 规则组成, 规则由属性和值组成 ,格式示例:div{color:red;}

    3. 常用的选择器有:标签选择器(类型选择器)、class选择器(类选择器)、id选择器、后代选择器、 组合选择器和并列选择器等等

    4. class选择器与id选择器的区别是,class可以样式重用,而id不行,因为id就像是人的身份证,是唯一的

    5.层居中的要决:1、有宽度 2、左右外补丁要为auto 例如div{200px; margin:auto;}

    6.边框三要素:颜色 大小 形状 例如 div{border:#F00 1px solid;}

    7.高度=行高,字就可以垂直居中 例如div{height:200px; line-height:200px;}

    8. 标签还可以分为行内标签和块级标签,行内标签的占用空间取决于内容(例如 a、span),块级标签不管内容多与少都会占用一整行(例如 div、 p)。由于行内标签一般不支持

    width、height,所以排版过程中都会用块级标签来布局;如果有需要时,可以将行元素转换为块元素。

    9.如果需要块级标签排版在同一行,只需要给它们都加上float:left的规则即可

    10.背景图默认会平铺(也叫重复),如果想背景图水平居右,垂直居中,不重复的话,可以写background:url(bg.jpg) right center no-repeat

    11.外部文件用<link href="XXX.css"  rel="stylesheet" type="text/css" />

    12.优先级算法: 选择器的总分数高,优先级就高。 100分/id选择器     10分/class 选择器    1分/标签选择器    分数相等的,后面的覆盖前面的(就近原则)

    13.清除浮动有四种常用的方法
       1)给父亲层加一个子层<div class="clear"></div>  其中 .clear{clear:both;}
        缺点:多一个空节点
       2)给父亲层加一个高度
        缺点:不适合内容高度不确定的情况
       3)给父亲层加一个float属性
        缺点:不适合父亲层需要居中的情况
       4)给父亲层加 overflow:hidden; _height:1%;
        缺点:_height:1%;的写法不符合W3C规范

    14.一个标签(容器)与另外一个标签之间的距离,要靠外补丁margin来实现,而一个标签内部如果有多行文本,每行文本之间的距离要靠行高line-height来实现

    15.行高的特点是文本的上下空白会相等,因此当一个容器里面只有一行文本,容器的height等于line-height时,文本便可以垂直居中

  • 相关阅读:
    thrift 依赖的库
    环球雅思名师公益大讲堂课表2.182.23 雅思资讯 环球雅思
    经验分享band 7.5已经工作的人如何准备雅思考试学习心得雅思频道|太傻网考试频道|常识 辅导 技巧 机经 名师 访谈 交流 资料 试题库
    Chapter 14. Boost.PropertyTree
    少讨论概念,少争论特征、少议论模型;多写代码、多做测试、多做应用。
    澳洲技术移民申请流程
    neo4j——图数据库初探 JDream314的专栏 博客频道 CSDN.NET
    Australia Immigration Network
    boost::property_tree
    海外澳洲技术移民花费一览表(2006年11月完整版) Topboy 博客园
  • 原文地址:https://www.cnblogs.com/zsy0712/p/4769827.html
Copyright © 2020-2023  润新知