zoukankan      html  css  js  c++  java
  • __x__(16)0906第三天__层叠样式表CSS简介

    层叠样式表CSS

    Cascading Style Sheets

    用来为网页创建样式表,通过样式表对网页进行装饰。

    所谓层叠,就是将网页想象成一层一层的结构,层次高的将覆盖层次低的。

    CSS可以为网页的每个层次设置样式。

     

    语法:    

    选择器{声明块儿}

    声明为 “名:值;”

    选择器{

    声明1;

    声明2;

     

    分类:

    1. 内联样式表

    直接写到标签的style属性当中,只对该标签作用。

    <p style="color:red; font-size:24px;">考试重点</p>

    特点:作用于单一标签,复用率低;若标签过多地使用,不美观。

    2. 内部样式表

    将样式表写在<head>中的<style>标签中。

    <style type="text/css">

    p{

    color:red;

    font-size:24px;

    }

    </style>

    特点:使得表现与结构在HTML中实现分离。

    3. 外部样式表

    写在一个.css文件中,多个html网页可以链接并应用。

    @charset "utf-8"

    /* 这是一个css注释,同c语言注释 */

    p{

    color:red;

    font-size:24px;

    }

    在index.html的head中链接外部css文件,应用其样式:

    <head>

    <link rel="stylesheet" type="text/css" href="css/index.css" />

    </head>

    特点:结构与表现完全分离;样式可复用;利用浏览器的缓存可以加快访问速度。

    --------小尾巴 ________一个人欣赏-最后一朵颜色的消逝-忠诚于我的是·一颗叫做野的心.决不受人奴役.怒火中生的那一刻·终将结束...
  • 相关阅读:
    很难理解的三个设计模式
    设计模式思考(转)
    AOP
    CAP理论(摘)
    DDBS
    NoSql
    Enterprise Library 企业库
    padright padleft
    Process ProcessThread Thread
    053374
  • 原文地址:https://www.cnblogs.com/tianxiaxuange/p/9600818.html
Copyright © 2011-2022 走看看