软考考点之CSS与html网页结合的三种方式

css与html的结合方式:
    一、内联样式
        在开始标签内部关联:即在styel属性里面写CSS代码。
        优点:直接,很灵活。
        缺点:如果同一标签,样式一样,会造成代码重复。
        

内部样式表

内部样式表需要在网页的<head>部分定义,格式如下:

1

2

3

4

5

<head>

     <style type="text/css">

      /*符合CSS语法结构的CSS语句,例如*/   body { background-color: blue; }

     </style>

      </head>

行内样式表(内嵌样式表)

它的使用方法我们在前两节也已经使用过了。行内样式表直接在标签内部定义,使用style属性,格式如下:

1

<标签 style="符合CSS语法结构的CSS语句">

例如:

1

<p style="text-indent:24px;">段落内容</p>

 

    二、内部样式表:
        在 style 标签中添加css代码
        优点:对网页中相同的标签进行统一设置。
        缺点:对局部设置不够灵活。2、如果有多个页面样式相同,会造成代码重复。
        
        解决方式:
            @import url();
    三、联接外部样式表
        <link rel="stylesheet" type="text/css" href="xxx.css"></link>
 
 

外部样式表

使用外部样式表时,CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件,你需要在网页的<head>部分插入以下内容:

1

2

3

4

<head>

      <link rel="stylesheet" type="text/css"   href="文件位置/你的CSS文件名.css" />

     /*文件位置就是所处在的文件夹相对与当前网页的相对路径*/

   </head>

    

优先级关系:    三 < 二 < 一
            由内到外,优先级,由大到小。

如2018年下半年

第69题:把CSS样式表与HTML网页关联,不正确的方法是( )。
A. 在HTML文档的<head>标签内定义CSS样式
B. 用@import引入样式表文件
C. 在HTML文档的<!-- -->标签内定义CSS样式
D. 用<link>标签链接网上可访问的CSS样式表文件

答:C

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

guangod

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值