Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 772|回复: 0

CSS 简介

[复制链接]

该用户从未签到

发表于 2011-7-29 16:46:03 | 显示全部楼层 |阅读模式
概述

    [li]指层叠样式表 (Cascading Style Sheets)
    [li]样式定义如何显示 元素
    [li]样式通常存储在样式表
    [li]把样式添加到 4.0 中,是为了解决内容与表现分离的题目
    [li]外部样式表可以极大进步工作效率
    [li]外部样式表通常存储在 文件
    [li]多个样式定义可层叠为一 [/li]



样式解决了一个普遍的题目


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

因为两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 标签和属性(好比字体标签和颜色属性)添加到 规范中,创建文档内容清楚地独立于文档表现层的站点变得越来越难题。

为了解决这个题目,万维网同盟(W3C),这个非营利的尺度化同盟,肩负起了 尺度化的使命,并在 4.0 之外创造出样式(Style)。

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



样式表极大地进步了工作效率

样式表定义如何显示 元素,就像 3.2 的字体标签和颜色属性所起的作用那样。样式通常保留在外部的 . 文件中。通过仅仅编纂一个简朴的 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

因为答应同时控制多重页面的样式和布局, 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你能够为每个 元素定义样式,并将之应用于你但愿的任意多的页面中。如需进行全局的更新,只需简朴地改变样式,然后网站中的所有元素均会自动地更新。



多重样式将层叠为一个

样式表答应以多种方式划定样式信息。样式可以划定在单个的 元素中,在 页的头元素中,或在一个外部的 文件中。甚至可以在统一个 文档内部引用多个外部样式表。

层叠次序

当统一个 元素被不止一个样式定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。


    [li]浏览器缺省设置
    [li]外部样式表
    [li]内部样式表(位于 <head> 标签内部)
    [li]内联样式(在 元素内部) [/li]

因此,内联样式(在 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
回复

使用道具 举报

  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2011-7-29 16:46:20 | 显示全部楼层
    不错。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2011-7-29 16:47:32 | 显示全部楼层
    很好,不错,学习了。。。
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-5-13 13:24 , Processed in 0.358744 second(s), 34 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表