• 
    

    
    

      99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看 ?

      DIV+CSS網(wǎng)頁布局初探

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

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

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

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

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

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

      2. CSS基礎(chǔ)語法

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

      3. 選擇器

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

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

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

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

      Class選擇器:使用HTML標(biāo)簽的Class屬性設(shè)置值的選擇器,有關(guān)聯(lián)類選擇器和獨立類選擇器:

      關(guān)聯(lián)類選擇器:可以為同一元素定義不同的樣式

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

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

      4. CSS設(shè)置方式

      外部樣式、內(nèi)聯(lián)樣式(在HTML元素內(nèi)部)、嵌入樣式(位于標(biāo)簽內(nèi)部)

      5. 繼承

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

      6. 盒子模型

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

      7. Div+CSS標(biāo)準(zhǔn)的優(yōu)點 :

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

      猜你喜歡
      選擇器樣式網(wǎng)頁
      靶通道選擇器研究與優(yōu)化設(shè)計
      CPMF-I 取樣式多相流分離計量裝置
      CPMF-I 取樣式多相流分離計量裝置
      取樣式多相流分離計量裝置
      基于CSS的網(wǎng)頁導(dǎo)航欄的設(shè)計
      電子制作(2018年10期)2018-08-04 03:24:38
      四選一數(shù)據(jù)選擇器74LS153級聯(lián)方法分析與研究
      電腦與電信(2017年6期)2017-08-08 02:04:22
      基于URL和網(wǎng)頁類型的網(wǎng)頁信息采集研究
      電子制作(2017年2期)2017-05-17 03:54:56
      網(wǎng)頁制作在英語教學(xué)中的應(yīng)用
      電子測試(2015年18期)2016-01-14 01:22:58
      雙四選一數(shù)據(jù)選擇器74HC153的級聯(lián)分析及研究
      這是巴黎發(fā)布的新樣式
      崇左市| 沿河| 嵩明县| 石狮市| 郸城县| 区。| 汨罗市| 屯留县| 祁连县| 肥西县| 望城县| 合肥市| 汉源县| 建德市| 历史| 祁连县| 天水市| 保康县| 平江县| 平泉县| 井研县| 遂川县| 寻甸| 嘉鱼县| 龙井市| 莫力| 缙云县| 吉首市| 当雄县| 开江县| 临安市| 雅江县| 高邑县| 沿河| 嘉鱼县| 阿勒泰市| 江源县| 城固县| 罗源县| 浦县| 鄂托克前旗|