• <var id="zvtmq"></var>
      <tt id="zvtmq"><pre id="zvtmq"></pre></tt>

      <font id="zvtmq"></font>

      <tt id="zvtmq"></tt>

        <var id="zvtmq"></var>
        <mark id="zvtmq"><pre id="zvtmq"><td id="zvtmq"></td></pre></mark>

        1. 
          

          <var id="zvtmq"><object id="zvtmq"><noscript id="zvtmq"></noscript></object></var><label id="zvtmq"><button id="zvtmq"><address id="zvtmq"></address></button></label>

            <tt id="zvtmq"><wbr id="zvtmq"></wbr></tt>
            <strike id="zvtmq"><output id="zvtmq"></output></strike>

          1. <del id="zvtmq"><wbr id="zvtmq"><meter id="zvtmq"></meter></wbr></del>

          2. <small id="zvtmq"></small>

            <code id="zvtmq"><rt id="zvtmq"></rt></code>
          3. <listing id="zvtmq"><object id="zvtmq"></object></listing>

                  文章导航

                  HTML应用CSS代码方式

                  2018-8-16 00:37| 作者: admin| 查看: 1237| 评论: 0|来自: 蚂蚁部落

                  基本上,没有CSS代码应用的页面是不忍直视的,它可以让页面更加规整美观。

                  下面介绍一下如何在页面中应用CSS代码,大致有三种方式:

                  (1).分别是内联样式。

                  (2).内部样式表。

                  (3).引入外部样式表。

                  一.内联样式:

                  内联样式是直接将CSS代码通过style属性写在应用元素自身之上。

                  代码实例如下:

                  [HTML] 纯文本查看 复制代码运行代码
                  <!doctype html>
                  <html>
                  <head>
                  <meta charset="utf-8">
                  <meta name="author" content="http://www.pecf.tw/" />
                  <title>蚂蚁部落</title>
                  </head>
                  <body>
                  <div style="width:100px;height:50px;border:1px dotted red;"></div>
                  </body>
                  </html>

                  使用style属性创建内联样式,属性值就是普通的CSS代码。

                  特别说明:单引号和双引号都是可以的。

                  内联样式的优先级最高,不过使用内联样容?#36164;筯tml代码显得杂乱,容易导致文件庞大,且无法复用代码。

                  通常应用非常简短的CSS样式设定,或者临时CSS代码测试。

                  二.内部样式表:

                  内部样式表通常在<head>标签中,用<style></style>标签包裹。

                  代码实例如下:

                  [HTML] 纯文本查看 复制代码运行代码
                  <!doctype html>
                  <html>
                  <head>
                  <meta charset="utf-8">
                  <meta name="author" content="http://www.pecf.tw/" />
                  <title>蚂蚁部落</title>
                  <style type="text/css">
                  div {
                    width:100px;
                    height:50px;
                    border:1px dotted red;
                  }
                  </style>
                  </head>
                  <body>
                  <div></div>
                  </body>
                  </html>

                  内部样式表和内联样式相比具有不少优势,页面更加简洁,更便于修改代码。

                  缺点也是明显的,同样可以使页面比较庞大,只有当前所在页面元素可以重用CSS代码。

                  比较适用于当前页面小范围页面样式的修改。

                  三.引入外部样式表:

                  在网页头部<head>标签中可以使用<link>引入外部样式表。

                  对于多页面的网站比较适用,便于统一样式,快速改变,减小网页体积和重复利用代码等优点。

                  [HTML] 纯文本查看 复制代码
                  <head>
                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                  <title>CSS教程</title>
                  <link rel="stylesheet" type="text/css" href="antzone.css" />
                  </head>

                  对于?#21892;?#19978;线网站,推荐使用此方式为页面应用CSS代码。

                  1

                  鲜花

                  握手

                  雷人

                  路过

                  鸡蛋

                  刚表态过的朋友 (1 人)

                  最新评论

                  返回顶部
                1. <var id="zvtmq"></var>
                    <tt id="zvtmq"><pre id="zvtmq"></pre></tt>

                    <font id="zvtmq"></font>

                    <tt id="zvtmq"></tt>

                      <var id="zvtmq"></var>
                      <mark id="zvtmq"><pre id="zvtmq"><td id="zvtmq"></td></pre></mark>

                      1. 
                        

                        <var id="zvtmq"><object id="zvtmq"><noscript id="zvtmq"></noscript></object></var><label id="zvtmq"><button id="zvtmq"><address id="zvtmq"></address></button></label>

                          <tt id="zvtmq"><wbr id="zvtmq"></wbr></tt>
                          <strike id="zvtmq"><output id="zvtmq"></output></strike>

                        1. <del id="zvtmq"><wbr id="zvtmq"><meter id="zvtmq"></meter></wbr></del>

                        2. <small id="zvtmq"></small>

                          <code id="zvtmq"><rt id="zvtmq"></rt></code>
                        3. <listing id="zvtmq"><object id="zvtmq"></object></listing>

                                快乐10分破解如何计算
                              1. <var id="zvtmq"></var>
                                  <tt id="zvtmq"><pre id="zvtmq"></pre></tt>

                                  <font id="zvtmq"></font>

                                  <tt id="zvtmq"></tt>

                                    <var id="zvtmq"></var>
                                    <mark id="zvtmq"><pre id="zvtmq"><td id="zvtmq"></td></pre></mark>

                                    1. 
                                      

                                      <var id="zvtmq"><object id="zvtmq"><noscript id="zvtmq"></noscript></object></var><label id="zvtmq"><button id="zvtmq"><address id="zvtmq"></address></button></label>

                                        <tt id="zvtmq"><wbr id="zvtmq"></wbr></tt>
                                        <strike id="zvtmq"><output id="zvtmq"></output></strike>

                                      1. <del id="zvtmq"><wbr id="zvtmq"><meter id="zvtmq"></meter></wbr></del>

                                      2. <small id="zvtmq"></small>

                                        <code id="zvtmq"><rt id="zvtmq"></rt></code>
                                      3. <listing id="zvtmq"><object id="zvtmq"></object></listing>

                                            1. <var id="zvtmq"></var>
                                                <tt id="zvtmq"><pre id="zvtmq"></pre></tt>

                                                <font id="zvtmq"></font>

                                                <tt id="zvtmq"></tt>

                                                  <var id="zvtmq"></var>
                                                  <mark id="zvtmq"><pre id="zvtmq"><td id="zvtmq"></td></pre></mark>

                                                  1. 
                                                    

                                                    <var id="zvtmq"><object id="zvtmq"><noscript id="zvtmq"></noscript></object></var><label id="zvtmq"><button id="zvtmq"><address id="zvtmq"></address></button></label>

                                                      <tt id="zvtmq"><wbr id="zvtmq"></wbr></tt>
                                                      <strike id="zvtmq"><output id="zvtmq"></output></strike>

                                                    1. <del id="zvtmq"><wbr id="zvtmq"><meter id="zvtmq"></meter></wbr></del>

                                                    2. <small id="zvtmq"></small>

                                                      <code id="zvtmq"><rt id="zvtmq"></rt></code>
                                                    3. <listing id="zvtmq"><object id="zvtmq"></object></listing>

                                                            新疆风采18选7走势图 中彩网开奖查 黑龙江11选5前二 福彩3d17196分析汇总 百人牛牛 辅助 2019年十二生肖码报图片 吉林11选5前三直和值走势图 福彩之生肖时时彩 北京幸运28是合法的吗 北京快乐赛车pk10直播 内蒙古11选5前三直遗漏 kh赛马会四肖 贵州十一选五走势图彩经网 山西快乐十分走势遗漏 欢乐斗地主网通专区