css样式加入的法方,初学必知:XHTML网页中加入CSS的五种方_css

在Xhtml网页中如何加入css呢?这篇教程告诉大家引入CSS的几种方式。

XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容。那么到底有哪些方式在XHTML文件中引入CSS样式呢?

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里,

例如:

网页教学网 – http://www.webjx.com

这种方法优点:可灵巧应用样式於各标签中。方便于编写代码时的使用。

这种方法缺点:没有整篇文件的“统一性”,在需要修改某样式的时候也变的比较困难。

二、使用STYLE标签

将样式规则写在标签之中。

样式规则表

–>

例如:

body {

color: #666;

background: #f0f0f0;

font-size: 12px;

}

td,p {

color:#c00;

font-size: 12px;

}

–>

通常是将整个的 结构写在网页的

部份之中。

这种方法的优点:整篇文章有了统一性,只要是有声明的的元件即会套用该样式规则。

这种方法的缺点:个别元件的灵活度不足,整站的功能性较弱。

三、使用 LINK标签

将样式规则写在.css的样式文件中,再以标签引入。

假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入:

这样引入该css样式表文件以后,就可以直接套用该样式档案中所制定的样式了。 通常是将link标签写在网页的

部份之中。

这种方法的优点:可以把要套用相同样式规则的数篇文件都指定到同一个样式文件中,可以进行统一的修改,也便于整站的设置有统一的风格。一般css网页布局都使用此种方法。

这种方法的缺点:在个别文件或元素的灵活度不足。

跟link方法很像,但必须放在 中:

[email protected] url(引入的样式表的位址、路径与档名);

–>

例如:

[email protected] url(css/example.css);

–>

要注意的是,行末的分号是必须的!千万不能漏写!

这种方法的优点:可以灵活的引入css文件对xhtml元素进行控制。有时候也用来编写某些css hack。

这种方法的缺点:在个别文件或元素的灵活度不足。

五、使用标记引入样式

例如:

网页教学网  – http://www.webjx.com

这种方法优点:可灵巧应用样式於各标签中。方便于编写代码时的使用。

这种方法缺点:没有整篇文件的“统一性”,在需要修改某样式的时候也变的比较困难。

欢迎大家阅读《初学必知:XHTML网页中加入CSS的五种方…_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接:初学必知:XHTML网页中加入CSS的五种方_css

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/264215.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

有人描述几个歌手的话

许巍洒脱似风;朴树飘逸似云;郑钧孤傲似冰;李健温婉似水;汪峰激昂似火;......转载于:https://www.cnblogs.com/shangge/archive/2009/09/01/1558296.html

java中方法的参数传递机制

转载自 :https://www.cnblogs.com/lixiaolun/p/4311863.html 问:当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?   答:是值传递。Java…

2009'中国GIS优秀工程公示

2009中国GIS优秀工程公示http://www.gislm.com/showtopic-393-1.aspx#950 转载于:https://www.cnblogs.com/mygis_3/archive/2009/09/02/1558492.html

GIT-Linux(CentOS7)系统部署git服务器

GIT-Linux(CentOS7)系统部署git服务器 root账号登录 一、 安装并配置必要的依赖关系在CentOS系统上安装所需的依赖:ssh,防火墙,postfix(用于邮件通知) ,wget,以下这些命令也会打开系统防火墙中的HTTP和SSH端口访问。 1.安装ssh su…

vue 点击渲染ajax,vue中在页面加载时发送ajax请求获取数据渲染不到页面上

ajax是异步执行的。{{bookId}}在setData里面处理数据export default {name: app,data() {bookId : },created(){this.loadData(this.setData);},methods:{loadData(callBack) {const This this;const url https://api.douban.com/v2/book/1220562;getBookPromise().then(res …

2字段添加注释_Tableau学习系列(7):计算字段

计算字段是使用函数和运算符构造公式,对数据源字段(包括维度、度量、参数等)进行重新定义的字段。1 创建计算字段这里使用自带超市的数据,对各省市销售额从高到低排序进行可视化,但是如果想对各省销售额划份为高、中、…

SourceProvider.getJniDirectories

2019独角兽企业重金招聘Python工程师标准>>> 今天android studio跑项目,build了一下,始终跑不起,把gradle和android studio都更新了一下,还是不行, 一直报这个错误 UnsupportedMethodExceptionFailed to se…

虚拟服务器问题,虚拟主机常见的五大问题

导语:关于虚拟主机,很多用户在使用过程中,会遇到各种各样的问题,根据以往的客户咨询经验,我们总结出了几个比较常见的问题和相应的解决方案,希望能够帮到大家。1.空间的使用情况怎么查看有的时候客户想要看…

MPU6050开发 -- 卡尔曼滤波(转)

MPU6050开发 -- 卡尔曼滤波转载于:https://www.cnblogs.com/LittleTiger/p/10735074.html

文章内容分页

因为程序是C#.net编写的,关于C#如此的例子、资料网上一点也找不到;所以只好从程序结构开始分析,一点程序却用了半天的时候完成,汗颜!不足之处,请大家指点,有什么更好的方法请告知。 显示内容部…

ORACLE搭建Stream过程中报错【error收集】

错误一:在配置完源库和目标数据库后,创建复制管理员。连接上复制管理员后,在源库执行MAINTAIN_TABLE过程: declarev_tables DBMS_UTILITY.UNCL_ARRAY; beginv_tables(1) : hr.test01;v_tables(2) : hr.test02;v_tables(3) : hr.te…

元月元日是哪一天_元宵节的农历日期是哪一天 - 中国万年历

摘要元宵节农历时间  2018年03月02日 星期五 (戊戌年(狗年)正月十五)  农历正月十五元宵节,是我国一个重要的传统节日。这一天古代称为“上元”,其夜则称“元夜”、“元夕”或“元宵”。我国古代的历法和月相有密切的关系,每月十五日必逢…

服务器和交换机之间网络协议,网络协议是计算机网络中服务器,计算机,交换机.doc...

网络协议是计算机网络中服务器,计算机,交换机篇一:计算机网络-参考答案(1)不能保证所有题目都在里面,但能保证大部分题目都在这里。(2)建议用快捷方式ctrlf 进行答案的查找,关键字只需复制题目的部分文字即可,这样可以提高速度&am…

5种ASP.NET页面间传递参数实例代码

本文假设第一个页面为send.aspx,第二个页面为receive.aspx 1、通过URL链接地址传递 (1) send.asp代码 protected void Button1_Click(object sender, EventArgs e) { Request.Redirect("Default2.aspx?usernamehonge"); } …

withMisfireHandlingInstruction

调度(scheduleJob)或恢复调度(resumeTrigger,resumeJob)后不同的misfire对应的处理规则 CronTrigger withMisfireHandlingInstructionDoNothing ——不触发立即执行 ——等待下次Cron触发频率到达时刻开始按照Cron频率依次执行 withMisfireHandlingInstructionIgnoreMisfires —…

分类算法总结

2019独角兽企业重金招聘Python工程师标准>>> 最近在研究一些算法,找了一些资料,觉得比较全面,也总结的还不错. 主要分类方法介绍解决分类问题的方法很多, 单一的分类方法主要包括:决策树、贝叶斯、人…

小贝拉机器人是朋友_报废机器人应该属于什么垃圾?《宝莱坞机器人2.0》给你答案...

“你是什么垃圾?”如果你认为这是在骂人,那你就已经被时代远远的抛弃了! 9102年,想要打破与陌生人的次元壁,研究垃圾分类,无疑是最快速有效的方式。但是你确定能分清楚每种垃圾的类型吗?比如大卸…

eclipse源服务器未能找到,eclipse - HTTP状态[404]? [未找到](原始服务器未找到当前表示) - 堆栈内存溢出...

我使用(jsp,servlet,apache tomcat 9,eclipse neon,oracle 11g)创建了一个servlet项目。 我已经创建了index.jsp(以获取登录详细信息并重定向到LoginServlet以便在数据库表中进行用户名和密码验证。在index.jsp中,我什…

初学ActionScript 3.0(一):Hello World

简介: ActionScript是 Macromedia(现已被Adobe收购)为其Flash产品开发的 ,最初是一种简单的脚本语言,现在最新版本3.0,是一种完全的面向对象的编程语言,功能强大,类库丰富&#xff0…

A Web Module That Uses JavaServer Faces Technology: The hello2 Example

hello2详解 1.GreetingServlet.java(显示问候页面表单) 此servlet重写该doGet方法,实现GETHTTP方法。servlet显示一个简单的HTML问候表单,其提交按钮就像hello1指定其操作的响应页面一样。以下摘录以WebServlet注释开头&#xff0…