zoukankan      html  css  js  c++  java
  • CSS3秘笈:第二章

    1.一个样式由两个元素组成:浏览器对其设置格式的网页元素(选择器,selector)和实际的格式化指令(声明块,declaration block)。

    2.简单的样式也包含了以下几个元素:

    (1)Selector(选择器):选择器告诉浏览器网页上的哪个元素以什么样式显示。

    (2)Declaration Block(声明块):选择器后面的代码包含了所有要应用到选择器的格式化选项。声明块以大括号包围({})。

    (3)Declaration(声明):在一个声明块的左右大括号之间,添加一个或多个声明,或者格式化指令。每一个声明都有两个部分:一个属性和一个值,并以一个分号结尾。

    (4)Property(属性):CSS提供了大量的格式化选项称作属性。属性名称后面必须添加一个冒号将它与值分开。

    (5)Value(值):要通过CSS属性赋值在表达创造性的天赋。

    别忘了在每一个属性:值对后面加上一个分号(;)。

    3.(1)内部样式表放在<head>中开始和关闭的HTML<style>标签之间。如果在网页中还使用了JavaScript,就要将JavaScript代码放在样式表之后。因为许多JS程序都依赖CSS,因此先添加CSS能确保JS程序生效。

    (2)外部样式表包含了所有网页所需CSS规则的一个文本文件。链接外部样式表最常用的方法就是利用HTML的<link>标签。

    HTML5链接外部样式表的方法:

    <link rel=”stylesheet” href=”css/style.css”>

    HTML4.01类似,只是多了一个type属性:

    <link rel=”stylesheet” type=”text/css” href=”css/style.css”>

    最后是XHTML的,与HTML4.01类似只是结尾有一个关闭的斜线:

    <link rel=”stylesheet” type=”text/css” href=”css/style.css” />

    所有文档类型都要有两个属性:

    ·rel=”stylesheet”表示链接的类型。

    ·href指向网站中外部CSS文件所在的位置。

    CSS本身有一种添加外部样式表的方法:@import指令。把这个指令添加到一个HTML的<style>标签中。如:

    <style>

             @import url(css/style.css);

    </style>

    要引用多个外部链接样式表可以使用多条链接语句。

    如果要给网页增加一个特定的样式,就在链接语句之后加上该样式,一定要在链接语句之后。否则会被覆盖。

    使用<link>标签链接外部样式表更常用,@import会减缓样式表的下载速度。

  • 相关阅读:
    【kafka学习之五】kafka运维:kafka操作日志设置和主题删除
    【Redis学习之十一】Java客户端实现redis集群操作
    FastDFS:Java客户都实现文件的上传、下载、修改、删除
    DevOps之四:Git & GitLab
    代码静态检查Eclipse插件:SonarLint插件离线安装
    DevOps之三:CentOS7.3 安装部署Jenkins(三种方式) & Hudson
    DevOps之三:Maven私服Nexus使用 && 清理nexus历史镜像
    DevOps之三:搭建Maven私服Nexus
    DevOps之二:搭建SVN服务器(SvnAdmin)
    财务对账
  • 原文地址:https://www.cnblogs.com/koto/p/5024114.html
Copyright © 2011-2022 走看看