html中引入CSS有几种方法

html中引入CSS有4种方法:行内式,嵌入式,导入式,连接式

1,行内式:即在标记的style属性中设定CSS样式,这种方式从本质上看是没有体现出css的优势的,因此不推荐使用。
2,嵌入式 :在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便,格式如下:

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。优点:速度快,所有的CSS控制都是针对本页面标签的,没有多余的CSS命令;再者不用外链CSS文件。直接在html文档中读取样式。缺点就是改版麻烦些,单个页面显得臃肿,CSS不能被其他html引用造成代码量相对较多,维护也麻烦些。 但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进行复杂的维护工作。

3,导入式 :导入式格式如下:

<style type="text/css">
@import "mystyle.css";
</style>

4,连接式 :这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种。格式如下:

<link href="mystyle.css" rel="stylesheet" type="text/css"/>

(0)

相关推荐

  • httprunner学习20-extentreports无法加载问题(已解决)

    前言 最近有小伙伴反应使用httprunner的extentreports报告时,打开的页面样式全部丢失了,原本高大上的报告变成了丑八怪. 顿时心都凉了一大截,要是让领导看到了,这个月领导不给加鸡腿了 ...

  • CSS4种引入方式:行内,内联式,外部式,导入式

    CSS引入方式-行内式 通过 style这个标签属性,将css键值对直接写入标签内 1 <p style="width: 100px;height: 100px;background: ...

  • 关于css在html的三种使用方式

    关于css在html的三种使用方式 1.内联样式(直接在html里面使用style) eg:<h1 style="color:skyblue">这是一个测试标题< ...

  • 判断不同分辨率调用不同CSS的方法

    在page_header.lbi中加入 <script type="text/javascript"> if (screen.width < 1280)  {  ...

  • CSS的3种使用方法

    (1) 链接式:(外部引入.css文件)  ( 用得比较多 ) <link>在html加载前就被引用 在网页的<head></head>标签对中用<link& ...

  • Web前端之去除超链接的下划线

    引言 web前端的学习过程中,为了使网页之间相互联系,构成网站,我们制定a标签实现超链接,但是a标签是默认有下划线的.为了美观,我们需要去掉下划线,从而使网页更加协调. 1 方法 预备知识: css中 ...

  • 神奇的45° | 直角三角形中45°处理的40种方法

    作者:谢科安,解题大神 四川省达州市达川区永进乡中心学校 一题多解是指从不同角度,运用不同的思维方式来解答同一道题的思考方法, 本次分享一道多解的题型,这题目方法真是太多了,实在是找不出还有哪一道题的 ...

  • 老问题:Android子线程中更新UI的3种方法

    在Android项目中经常有碰到这样的问题,在子线程中完成耗时操作之后要更新UI,下面就自己经历的一些项目总结一下更新的方法: 方法一:用Handler 1.主线程中定义Handler: Handle ...

  • 股票交易中做好止损的三种方法——猎人带你玩股票

    股票交易中做好止损的三种方法——猎人带你玩股票

  • 删除Excel表格中多余空白行的4种方法,你会几个?

    表格中难免会出现了一些多余的空白行/空白列/空白单元格,怎样快速删除这些空白呢?至少有4种方法,看看你都会几个 一.排序法 1.行与行之间没有顺序 那么强烈推荐你重新给数据按照数值升序排列,排列之后所 ...

  • 直角三角形中45°处理的40种方法

    一题多解是指从不同角度,运用不同的思维方式来解答同一道题的思考方法, 这次一道多解的题型,题目方法真是太多了,实在是找不出还有哪一道题的方法比这题还多,部分方法.定理可能并不常见,借此可以熟悉熟悉,发 ...

  • 在工作和生活中提高热情的16种方法

    "热情是迄今为止薪资最高的品质,可能是因为它是最稀有的品质之一:但这是最具传染性的之一." 您可以在生活中使用更多的热情吗? 过着更加热情的生活的好处不能被夸大-- 您会更有信心. ...

  • 体育教学中有效纠错的五种方法

    小学生在学习某动作技能时,无论教师采取什么有效的预防措施,学生总会产生一些错误动作,如果不及时纠正就会形成错误的动力定型,直接影响正确技术的掌握与技能的提高,甚至会造成运动损伤.因此,教师在教学中应准 ...

  • 如何让异地恋的男朋友在异地恋中感到特别?9种方法让他感到被爱

    异地恋很难维持. 由于身体上的存在有限,你必须依靠一个人的精神存在,并通过聊天或语音电话来维持关系.最重要的是,时间在异地恋中扮演着关键的角色. 你们俩都要适应对方的时间安排.尤其是那些异国恋,在不同 ...

  • Excel技巧:在杂乱文本串中提取英文,2种方法

    在解决这个问题之前,我们先看两种特殊情况, 1.如果所有需要提取的文本中前面的情况 我们知道RIGHT函数是从右边提取的公式 RIGHT(A2,2)表示对A2单元格向右提取2位 现在的难点就在于,我们 ...