CSS(Cascading Style Sheets层叠样式表)是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

1.基本使用语法
    样式类别-方向-特征 : 值;
    设置颜色:
        color : red;
    设置字体大小
        font-size : 10px;
    字体描述
        text-decoration : overline;

2. CSS分类(如何使用CSS)
    行内样式
        直接给元素添加 style="" 属性
    内嵌样式
        直接给元素添加一个ID或一个class属性,在head标签中(不一定)写上
        <style type="text/css">
        </style>
        在里面写上样式的语法,并与对应的元素挂钩
    外部样式
        在htm文件外有一个css文件,样式写在css文件中,在html页中将这个样式文件加载进来
        <link href="css路径" rel="stylesheet" type="text/css" />

3.选择器(selecter)
    id选择器
        #id {
            /* 样式 */
        }
    类选择器
        .className {
            /* 样式 */
        }
    标签选择器
        tagName {
            /* 样式 */
        }
    三个样式同时使用,如果没有样式冲突,都应用
    如果有冲突,同级的就近原则
    如果不是同级的,ID>类>标签(专一的优先级最大)

 类选择器可以使用 class="c1 c2 c3 c4" 的语法将多个类选择器作用与元素上
    
    不规范用法:
        在CSS使用中,id选择器与类选择器可以同样的作用与多个元素
        id在规范中就是表示唯一,浏览器允许这么使用,但是在js执行中会出现问题

 复合选择器
        标签类选择器
            标签.类名 { /* 样式 */ }
        后面兄弟选择器
            选择器+* {
                /* 选中前面元素选择器的后一个元素 */
            }

    (+号不能省略)
        后代选择器
            将包含在某个元素中的元素都称为其后代
            <div id="dv1">
                <p>123</p>
                <div id="dv2">
                    <span id="span1"></span>
                </div>
                <p>456</p>
            </div>
            
            祖代选择器 后代选择器 {
                /* 样式 */
            }
         子代选择器
            父带选择器>子代选择器 {
                /* 样式 */
            }
         组合选择器
            选择器1, 选择器2, 选择器3, ..., 选择器N {
                /* 这些选择器的元素都具有这个样式 */
            }
            
4.常用样式
    文本
        color
        font-size
        font-family
        font-weight
    边框
        border-color
        border-style
        border-width
    背景
        background-color
    布局
        
    其他

CSS用法简介的更多相关文章

  1. css012 css布局简介

    css012  css布局简介 一.    网页布局的类型 网页布局的类型 1.固定宽度 2.流式 3.相应式web设计 二.    如何进行css布局 1.强大的<div>标签 网页的h ...

  2. IOS NSInvocation用法简介

    IOS NSInvocation用法简介 2012-10-25 19:59 来源:博客园 作者:csj007523 字号:T|T [摘要]在 iOS中可以直接调用某个对象的消息方式有两种,其中一种就是 ...

  3. JodaTime用法简介

    JodaTime用法简介 Java的Date和Calendar用起来简直就是灾难,跟C#的DateTime差距太明显了,幸好有JodaTime 本文简单罗列JodaTime的用法 package co ...

  4. Apache自带压力测试工具ab用法简介

    ab命令原理 ab命令会创建很多的并发访问线程,模拟多个访问者同时对某一URL进行访问.它的测试目标是基于URL的,因此,既可以用来测试Apache的负载压力,也可以测试nginx.lighthttp ...

  5. CSS 选择器简介

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 选择器权重 如果以4位数表示选择符权重,那么: 元素选择器的权重是1: id 选择器的权重为100: cl ...

  6. Postman用法简介

    转自:http://blog.csdn.net/flowerspring/article/details/52774399 Postman用法简介 转载 2016年10月10日 09:04:10 10 ...

  7. MSSQL Sql加密函数 hashbytes 用法简介

    转自:http://www.maomao365.com/?p=4732 一.mssql sql hashbytes 函数简介 hashbytes函数功能为:返回一个字符,通过 MD2.MD4.MD5. ...

  8. java assert的用法简介【转】

    assert的基本用法 assertion(断言)在软件开发中是一种常用的调试方式,很多开发语言中都支持这种机制,如C,C++和Eiffel等,但是支持的形式不尽相同,有的是通过语言本身.有的是通过库 ...

  9. glVertexAttribPointer 用法简介

    在内存中采用交叉模式存储,向gpu传入顶点数据的方法  GPU: #version 100 attribute highp vec2 aPosition; attribute highp vec2 a ...

随机推荐

  1. 转载: Nova-Router 分析

    很早的实现了,nova代码已经做了很多修改了. 以创建实例 URL(http://10.191.7.32:8773/v1.1/service?*****)为例说明 Router 的执行流程 1. 依据 ...

  2. Linux学习之十三、快捷键与通配符、数据流重导向

    通配符与特殊符号 接下来让我们利用通配符来玩些东西吧!首先,利用通配符配合 ls 找檔名看看: [root@www ~]# LANG=C              <==由于与编码有关,先配置语 ...

  3. 简单QT界面信号图形化输入输出

    右键->转到槽,选择信号 就可以输入代码 右键->转到槽,选择信号 就可以输入代码 2个文本框接受输入数字,第3个文本框输出相加结果 void Dialog::on_pushButton_ ...

  4. 自定义构造方法和description方法

    知识回顾在第5讲中已经介绍了如何定义类和创建并初始化对象,比如有Student这个类1.Student.h 1 #import <Foundation/Foundation.h>23@in ...

  5. MySQL 中文显示乱码以及中文查询条件返回0条结果的问题解决

      最近关于中文显示乱码的贴子比较多,所以也做了个总结: 可以参考一下杨涛涛版主的<各种乱码问题汇总>http://topic.csdn.net/u/20071124/08/3b7eae6 ...

  6. ACCESS DLL加载错误

    如今还在用ACCESS 2003,太懒没办法,升到2010变化太大了,做个Access的转版挺麻烦的.况且大家都在使用2003,也就懒得搞了. 但问题是office 2003已经out了,(Offic ...

  7. TCP为什么需要3次握手与4次挥手

    为什么需要“三次握手” 在谢希仁著<计算机网络>第四版中讲“三次握手”的目的是“为了防止已失效的连接请求报文段突然又传送到了服务端,因而产生错误”.在另一部经典的<计算机网络> ...

  8. EC读书笔记系列之16:条款35、36、37、38、39、40

    条款35 考虑virtual函数以外的其他选择 记住: ★virtual函数的替代方案包括NVI手法及Strategy模式的多种形式.NVI手法自身是一个特殊形式的Template Method模式 ...

  9. emoji表情字符串 mysql 普通 utf8 格式无法存入

    处理方法: 1.在可以忽略emoji表情的情况下,可以选择将emoji表情字符过滤掉,这样不用动mysql 表结构    过滤Java代码参考如下: public static String filt ...

  10. php Mysql 和Mysqli数据库函数整合

    PHP Mysql和Mysqli数据库函数整合 服务器如果支持mysqli函数将优先mysqli函数进行数据库操作 否则将调用mysql函数进行数据库操作 用法SQL::connect(host,us ...