亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        DIV+CSS網頁布局初探

        2018-06-04 03:41:56曲偉峰遼寧輕工職業(yè)學院
        數碼世界 2018年5期
        關鍵詞:選擇器樣式網頁

        曲偉峰 遼寧輕工職業(yè)學院

        1.什么是CSS?DIV?CSS+DIV?

        CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。CSS可以用來精確的控制頁面里每一個元素的字體樣式、背景、排列方式、區(qū)域尺寸、表框等。使用CSS能夠簡化網頁的格式代碼,加快下載顯示速度,外部鏈接樣式可以同時定義多個頁面,大大減少了重復勞動的工作量。

        DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。

        DIV+CSS是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區(qū)別,因為XHTML網站設計標準中,不再使用表格定位技術,而是采用DIV+CSS的方式實現各種定位,實現網頁頁面內容與表現相分離。"DIV+CSS"其實是錯誤的叫法,而標準的叫法應是XHTML+CSS。因為DIV與Table都是XHTML或HTML語言中的一個標記,而CSS只是一種表現形式。

        2. CSS基礎語法

        CSS語法規(guī)則由兩個主要的部分構成:選擇器和一條或多條聲明。選擇器一般是需要改變樣式的HTML元素,每一條聲明有一個屬性和一個值組成,屬性和值用冒號隔開。

        3. 選擇器

        要使用CSS對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器,HTML頁面中的元素就是通過CSS選擇器進行控制的。

        CSS選擇器常用的有:HTML選擇器、ID選擇器、Class選擇器,當然還有很多其他的就不一一說了。

        HTML選擇器:就是以HTML標簽作為選擇器,其作用域是所有符合條件的HTML標簽

        ID選擇器:可以為標有特定 id 的 HTML 元素指定特定的樣式,ID選擇器選擇器以 "#" 來定義,ID屬性只能在每個 HTML文檔中出現一次。

        Class選擇器:使用HTML標簽的Class屬性設置值的選擇器,有關聯類選擇器和獨立類選擇器:

        關聯類選擇器:可以為同一元素定義不同的樣式

        獨立類選擇器:可以為多個不同的元素定義相同的樣式

        優(yōu)先級為:ID選擇器>Class選擇器>HTML標簽選擇器

        4. CSS設置方式

        外部樣式、內聯樣式(在HTML元素內部)、嵌入樣式(位于標簽內部)

        5. 繼承

        所有嵌套在某個HTML標簽中的HTML標簽都會自動繼承外層標簽設置的樣式規(guī)則。

        6. 盒子模型

        CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型,盒子模型具有內容(content)、填充(padding)、邊框(border)、邊界(margin)這四個屬性。

        7. Div+CSS標準的優(yōu)點 :

        大大縮減頁面代碼,提高頁面瀏覽速度,縮減帶寬成本;結構清晰,容易被搜索引擎搜索到,天生優(yōu)化了seo。縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設計一個有成百上千頁面的站點。強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標簽好多了。CSS非常容易編寫。提高易用性。使用CSS可以結構化HTML。你的設計不僅僅用于web瀏覽器,也可以發(fā)布在其他設備上,比如PowerPoint。更好的控制頁面布局。表現和內容相分離。將設計部分剝離出來放在一個獨立樣式文件中,你可以減少未來網頁無效的可能。更方便搜索引擎的搜索??梢暂p松地控制頁面的布局??梢詫⒃S多網頁的風格格式同時更新,不用再一頁一頁地更新了??梢詫⒄军c上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點的所有頁面都會隨之發(fā)生變動。

        猜你喜歡
        選擇器樣式網頁
        靶通道選擇器研究與優(yōu)化設計
        CPMF-I 取樣式多相流分離計量裝置
        CPMF-I 取樣式多相流分離計量裝置
        取樣式多相流分離計量裝置
        基于CSS的網頁導航欄的設計
        電子制作(2018年10期)2018-08-04 03:24:38
        四選一數據選擇器74LS153級聯方法分析與研究
        電腦與電信(2017年6期)2017-08-08 02:04:22
        基于URL和網頁類型的網頁信息采集研究
        電子制作(2017年2期)2017-05-17 03:54:56
        網頁制作在英語教學中的應用
        電子測試(2015年18期)2016-01-14 01:22:58
        雙四選一數據選擇器74HC153的級聯分析及研究
        這是巴黎發(fā)布的新樣式
        国产让女高潮的av毛片| 中文字幕视频一区二区| 国产精品久久无码不卡黑寡妇| 午夜福利影院不卡影院| 99精品国产av一区二区| 精品黑人一区二区三区久久hd | 真实国产网爆门事件在线观看| 亚洲av影片一区二区三区| 日本亚洲中文字幕一区| 亚洲av午夜精品无码专区| 亚洲人成色7777在线观看不卡| 亚洲成色www久久网站夜月| av超碰在线免费观看| 日韩久久无码免费看A| 日本一区二区偷拍视频| 久久婷婷综合缴情亚洲狠狠| 少妇高潮喷水久久久影院| a级黑人大硬长爽猛出猛进| 久久亚洲国产成人亚| 久久久国产视频久久久| 亚洲国产精品av麻豆网站| 精品午夜福利在线观看| 人人妻人人澡人人爽人人精品97| 亚洲国产精品尤物yw在线观看| 99精品国产第一福利网站| 亚洲精品在线观看自拍| 一区二区三区日韩亚洲中文视频| 亚洲av无码一区二区三区网址 | 日韩av无码社区一区二区三区| 欧美一区二区三区久久综| 中文字幕在线码一区| 一本色道久久综合狠狠躁中文| 亚洲av网一区二区三区成人| 成人影院在线视频免费观看| 特级毛片a级毛片100免费播放| 精品一区二区三区无码视频| 亚洲电影久久久久久久9999| 国产毛片视频一区二区三区在线| 中文字幕人妻丝袜成熟乱| 成人一区二区免费视频| 无码成年性午夜免费网站蜜蜂|