web框架学习前复习——css

                                                 css
 Cascading Style Sheets 层叠样式表 简称css。主要是作用是定义网页的描述效果。简单理解为html的文本修饰语言，主要用来修饰文本的展现效果。可以同html一样写在网页中，也可单独写在一个网页引入被修饰html网页中。
 css和html的结合方式主要有4种
     1）在每个html的标签中都提供了一个属性 style样式属性 style="就是css的代码"（常用）
     2）html提供了一个标签 <style type="text/css">css的代码</style>  写在<head></head>（常用）
     3）在stype标签中 css提供了 @import url("链接文件的地址")
     4）html一个标签 <link rel="引入的文件与html的关系" type="text/css" href="文件的地址" >
 css的优先级是从上到下，从外到内，优先级从低到高。（大多数情况下）
 （以下基本不熟悉，内容为摘抄讲课的笔记）
 css基本选择器
    1）标签名称选择器
    2）html的标签提供属性 class    类属性  通过class编写的样式的优先级别高。
    3）html的标签提供的属性 id  通常会把id定义成唯一性的。 id的优先级别高于class。style属性的优先级最高。
    标签名 < class < id < style属性
css的扩展选择器
    1）关联选择器：标签是可以嵌套的，两个或多个选择器之间产生关系，就可以用此选择器。
    2）组合选择器：对多个不同选择器进行相同样式设置的时候应用此选择器。
    3）伪元素选择器：
        1）a:link  超链接未点击状态。
        2）a:hover 光标移到超链接上的状态（未点击）。
        3）a:active 点击超链接时的状态。
        4）a:visited 被访问后的状态。
        5）p:first-letter 段落中的第一个字母。
        6）:focus 具有焦点的元素
css代码规范
        选择器名称 { 属性名：属性值；属性名：属性值；…….}
        属性与属性之间用 分号； 隔开
        属性与属性值直接按用 冒号： 连接
        如果一个属性有多个值的话，那么多个值用 空格 隔开。
css布局--漂浮
        float
            right：文本流向对象的左边 
        position 
            absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。
web框架学习前复习——css

猜你喜欢
