zoukankan      html  css  js  c++  java
  • css系列(4)简介

        本节用来简单介绍css。

        (1)css:

        CSS 指层叠样式表 (Cascading Style Sheets):

    功能以及作用:
    1.样式定义如何显示 HTML 元素; 2.样式通常存储在样式表中; 3.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题; 4.外部样式表可以极大提高工作效率; 5.外部样式表通常存储在 CSS 文件中; 6.多个样式定义可层叠为一;

        (2)出现的原因:

        HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。

        由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。 为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。

        所有的主流浏览器均支持层叠样式表。

        (3)层叠次序:(层叠样式表的作用优先级)

    1.浏览器缺省设置
    2.外部样式表
    3.内部样式表(位于 <head> 标签内部)
    4.内联样式(在 HTML 元素内部)

        内联样式(在 HTML 元素内部)拥有最高的优先权。

        (4)css基础语法:

        CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。每条声明由一个属性和一个值组成。

        属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

    selector {declaration1; declaration2; ... declarationN }

        如果值为若干单词,则要给值加引号:

    p {font-family: "sans serif";}

         颜色值的多种写法:

    1.color:red;
    2.color:#ffffff(十六进制的颜色值)
    3.color:rgb(255,0,0)
    4.color:rgb(100%,0%,0%)
  • 相关阅读:
    2.操作系统基础
    6.Linux基础3
    DRAM 内存介绍(一)
    131127新的一天
    Java中的super关键字何时使用
    JAVA的引用类型变量(C/C++中叫指针)
    System.out.println()的含义
    Java面试题
    HTML基础知识
    子域名查找
  • 原文地址:https://www.cnblogs.com/MenAngel/p/5709709.html
Copyright © 2011-2022 走看看