如何创建和插入CSS样式表

技术如何创建和插入CSS样式表这篇文章将为大家详细讲解有关如何创建和插入CSS样式表,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。如何创建和插入CSS样式表插入CSS样式

本文将详细解释如何创建和插入CSS样式表。文章内容质量较高,边肖将分享给大家参考。希望你看完这篇文章后有所了解。

如何创建和插入CSS样式表

插入CSS样式表

当读取样式表时,浏览器根据它格式化HTML文档。插入样式表有三种方法:

外部样式表

当样式需要应用于许多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,您可以通过更改一个文件来更改整个网站的外观。每个页面都使用链接标签链接到样式表。链接标签在(文档的)标题中:

Headrellinkrel='样式表' type=' text/CSS' href=' mystyle。CSS'//Head浏览器将从文件mystyle.css中读取样式声明,并根据它格式化文档。

可以在任何文本编辑器中编辑外部样式表。该文件不能包含任何html标记。样式表应该与。CSS扩展。以下是样式表文件的示例:

hr { color:sienna} p { margin-left :20 px;} body { background-image : URL(' images/back 40 . gif ');}属性值和单位之间不要留空格。如果用“margin-left:20px”代替“margin-left336020px”,它只在IE6中工作,但在Mozilla/Firefox或Netscape中不能正常工作。

内部样式表

当单个文档需要特殊样式时,应该使用内部样式表。您可以使用样式标签在文档头中定义一个内部样式表,如:

headstylentystyle type=' text/CSS ' HR { color : senna;} p { margin-left :20 px;} body { background-image : URL(' images/back 40 . gif ');}/style/head内联样式

由于混合了表示和内容,内联样式将失去样式表的许多优势。请谨慎使用此方法,例如,当样式只需要在元素上应用一次时。

要使用内联样式,需要在相关标签中使用style属性。样式属性可以包含任何CSS属性。此示例显示如何更改段落的颜色和左边距:

pstylepstyle=' color:sienna左边距-:20 px ' thisaparagraph/p多重样式

如果某些属性是由不同样式表中的同一选择器定义的,属性值将从更具体的样式表中继承。

例如,对于h4选择器,外部样式表有三个属性:

h4 { color:redtext-align : left;font-size :8 pt;}对于h4选择器,内部样式表有两个属性:

H4 { text-align : right;font-size :20 pt;}如果带有内部样式表的页面同时与外部样式表链接,h4得到的样式是:

color:redtext-align : right;font-size :20 pt;也就是说,颜色属性将从外部样式表中继承,文本对齐和字体大小将被内部样式表中的规则替换。

这里将分享如何创建和插入CSS样式表。希望

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/81291.html

(0)

相关推荐

  • springboot中如何整合log4g2

    技术springboot中如何整合log4g2这篇文章主要介绍了springboot中如何整合log4g2,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1

    攻略 2021年11月2日
  • Java 递归重难点的实例分析

    技术Java 递归重难点的实例分析本篇文章给大家分享的是有关Java 递归重难点的实例分析,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。递归是什么就是一个方

    2021年11月5日
  • 羸弱和赢弱区别,踟蹰和踌躇有什么区别

    技术羸弱和赢弱区别,踟蹰和踌躇有什么区别踟蹰和踌躇的区别为:性质不同zhidao羸弱和赢弱区别、侧重点不同、出处不同 一、性质不同
    1、踟蹰:迟疑,要走不走的样子。
    2、踌躇:停留,徘徊不前。
    二、侧重点回不同

    生活 2021年10月27日
  • 如何创建一个django项目

    技术如何创建一个django项目如何创建一个django项目,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。django 非常强大,尤其是dj

    攻略 2021年10月21日
  • 直流电源符号,直流电和交流电怎么区分

    技术直流电源符号,直流电和交流电怎么区分直流电(DC)和交流电(AC)直流电源符号,都知道其定义,但很抽象,具体在发电机中是怎么工作的呢,下面我们来分享一下直流电与交流电的工作原理。工具/原料手摇发电机方法/步骤简单讲,

    生活 2021年10月23日
  • Viper FTP怎么用

    技术Viper FTP怎么用今天就跟大家聊聊有关Viper FTP怎么用,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。Viper FTP是一款Mac平台上功能强大

    攻略 2021年11月20日