close
文章出處

 <iframe src="選擇一個頁面"></iframe>

一個雙標簽元素,它的主要作用是在瀏覽頁面上添加一個頁面

中間可以添加屬性來控制頁面的大小和其他功能,例如  width="頁面的寬度" height="頁面的高度" frameborder="0或1"這是控制邊框,scrolling="yes或no"這是是否顯示滾動條的意思,如果高和寬都為0,則在頁面上看不到了,但被隱藏的頁面依然在運行著

再說一個雙標簽元素, <frameset></frameset>   如果有它,就不要<body></body>了

<frameset cols="300,700">

cols是左右分的意思,也可以用屬性詞rows,它是代表上下分。如果左邊的數是300,左邊的是*,那右邊就是占剩下所有的像素,舉個例子

<frameset cols="300,*">

           < frame src="網頁地址"/>

           <frame  src="網頁地址"/>

</frameset>

嵌入兩個網頁,左邊是300,右邊是*,就是除去300剩下占所有

再說一下制作滾動文字

在<body></body>內制作

<marquee>滾動文字</marquee>

在marquee后面也可以添加一些屬性,滾動屬性是direction,決定文字的滾動方向

在內容滾動文字那里也可以換成圖片< img src="圖片路徑"/>

舉個可以設定一行字出現效果的例子

<span><mark>蘋果</mark>很好吃</span>

蘋果這兩個字那里會有黃色背景色

<hr/>可以制作分割線,要幾條就在相應的行,寫幾個

也可以把視頻嵌入到網頁上,比如優酷,可以點擊分享,選擇復制通用代碼,粘貼到代碼頁就可以把視頻嵌入到網頁上了

下面說一下樣式表的基礎

1、內聯

在<body>的區域里寫

<div style="樣式">hello</div>

2、內嵌寫在頁面里面的

在<head>區域內寫這個雙標簽

<style type="text/css"></style>

3、外部樣式表是在網頁以外的樣式表

選擇css創建保存

在<head>區域內,單擊點css樣式表點附加表,會出來< link href="test.css" rel="stylesheet" type="text/css"/>

內聯樣式優點,控制精確

            缺點,代碼重用性差,頁面代碼亂

內嵌樣式優點,代碼重用性好

            缺點,控制不精確

外部樣式優點,代碼重用性最好

            缺點,控制是最不精確的

一般用外部樣式表,瀏覽器會有緩存

內聯的樣式優先級最高,內嵌其次,最后外部和內嵌一樣

例<div style="color:#F00">hello</div>

這是內聯,樣式名:樣式值,多個樣式之間用分號隔開

內嵌 <style type="tee/css">

       </style>

   *{color:#60F}

*代表元素所有元素

  #{color:#0F0}

#代表id選擇器

  .cl{color:#630}

<div class="cl">文字</div>

用id舉個例子

用<div></div>控制內容

< div id="d1">準確控制</div>

id=""同一個頁面是不能重復的,里面取的代號不能使用中文打頭,可以用英文打頭

標簽選擇器

<span>這是span1</span>

<span>這是span2</span>

span{color:#cF6}

如果是div,就是div{color:#cF6}

樣式表的注釋語法是/**/

四中選擇器優先級區分

標簽選擇器要大于星號的

class選擇器要大于標簽選擇器

id選擇器要大于class選擇器

越精準優先級越高

復合選擇器并列

<div>測試一</div>

<span>測試二</span>

div,span{color:#60F}

,是并列的效果

<div id="d3">

        <div>后代1</div>

         <div>后代2</div>

</div>

  #d3空格div{color:#60F}

空格代表子級

<ul="u1">

      <li>列表1</li>

      <li>列表2</li>

</ul>

#u1空格li{color:#F66}

div.cl{color:#F60}是從所有div里找到class=cl的,僅代表class,如果找id是不可以的


不含病毒。www.avast.com
arrow
arrow
    全站熱搜

    AutoPoster 發表在 痞客邦 留言(0) 人氣()