【本站通知】:推荐站点30元/月 顶部三栏广告80一个月,买一个月送一个月,其他广告位请联系QQ客服☞ 点击这里给我发消息 欢迎加入站长之家官方QQ交流群
爱站云低价服务器
高流量 图文广告位出售
高流量 图文广告位出售

网站首页 爱站云资源网 技术教程 正文

CSS基础之如何创建CSS

梦哥 2019-02-14 技术教程 0 评论 查看百度收录

    如何插入样式表

当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种:
外部样式表

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





浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子:

hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url(“images/back40.gif“);}

不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。
内部样式表

当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用  标签在文档头部定义内部样式表,就像这样:



hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url(“images/back40.gif“);}


内联样式

由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距:

This is a paragraph

多重样式 如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。 例如,外部样式表拥有针对 h3 选择器的三个属性: h3 { color: red; text-align: left; font-size: 8pt; } 而内部样式表拥有针对 h3 选择器的两个属性: h3 { text-align: right; font-size: 20pt; } 假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是: color: red; text-align: right; font-size: 20pt; 即颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。 Previous Page Next Page



猜你喜欢

本文暂时没有评论哦(●'◡'●)

  • 爱折腾的星云

    爱折腾的星云  评论于 [2018-07-02 18:34:04]  回复

    跑路了?
    她钱还没有还我那

    • 爱站云

      爱站云  评论于 [2018-07-02 18:35:09]  回复

      哈哈哈,你应该不还知道一件事,之前说还钱你都不要,天天在我群里逼逼!

    • 爱站云

      爱站云  评论于 [2018-07-02 18:35:01]  回复

      哈哈哈,你应该不还知道一件事,之前说还钱你都不要,天天在我群里逼逼!

  • koaksk

    koaksk  评论于 [2018-06-28 10:13:27]  回复

    呵呵哒,你棒棒哒

欢迎 发表评论:


温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
搜索
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群

ABOUT US

爱站云网络科技有限公司成立于2017年
创始人:Johnny Kun 由95后的小青年创建
目前公司服务于云计算、网站建设、SEO优化等
团队成员平均3年以上从业经验,核心团队正在不断扩展。

Contact information

QQ:207385345
Phone:15684092120
E-mail:kf@heikw.com
Website:www.heikw.cn

爱站云博客

Copyright © 2016-2018 www.heikw.cn Reserved.备案号:鲁ICP备16035655号

本站采用 Z-BLOG 核心程序 感谢 爱站云 赞助北京云服务器

爱站云安全认证