您現在的位置是:電腦技術吧?>? 基礎知識 ??>??css元素,css第一個元素??>??正文詳情

css元素,css第一個元素

杜亦凝2019-11-13 10:41:11 人圍觀
簡介css元素選擇器你應該明白我為什么這么說。選擇適當且有意義的元素來描述內容,并確保選擇語義類和ID特征值。如果你是一個團隊的一員,做正確的事情會讓你的生活更輕松,團隊的其

您應該明白為什么我會說到這個,選擇合適的、有意義的元素去描述你的內容,確保您所選擇的是富有語義的類class和id特征值。

做正確的事情會使你的生活變得容易很多,如果你是某個團隊的一分子,對團隊其他成員來說也是如此。

看一下下面的這條規則: Webjx.Com  .l13k { color: #369; } Webjx.Com  如果您是剛接手這個工作,您在CSS文件中看到了上面的內容,您能不能說清楚這個類是什么意思?  大部分情況下您都會說不。

這個類的名稱可能是個縮寫,但是恐怕沒有辦法去弄清楚他到底是什么的縮寫,眼前是一摸黑,或者是這種情況,可能是你把它放到這里,你現在很清楚它是什么意思,但是你能保證3年之后你還記得它是什么意思么? 網頁教學網  現在我們看一下下面的規則:  .left-blue { color: #369; }  你可能立即知道這個類選擇符是為左側邊欄的顯示藍色區塊而創建的,這時它就正確的表達了一定的語義。

正如我在上面提到的,一旦要你在在一周內要重新設計,但是在重構過程中,這個區塊需要定位到右邊,顏色變為紅色,類的特征值就沒有任何意義。

所以你現在需要改變你所有的特征值,要不就什么都不改變,不過這樣可能或導致重重的困惑。

  因此解決上面問題的最好方法就是在類特征值的命名中避免使用顏色(包括顏色名稱和十六進制值)或者寬度、高度的尺寸值;同時你也盡量的避免去使用任何表明表現形式的值,例如box、left、right。

反之,將表現和內容分離的意義也就不復存在了。

  最后,我們看一下最合適的命名規則:  .product-description { color: #369; }  您應該能理解,這個規則是應用于產品描述。

無論您的設計改變了多少次都不會改變。

清楚明了的感覺不錯吧。

:)

版權聲明:本文由 杜亦凝 整理編輯。

原標題:css偽元素,css行內元素

轉載注明出處:http://www.dn9ww09s.icu/basics/11798.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • CPU占用過高,cpu占用過高怎么辦

    CPU占用過高,cpu占用過高怎么辦 相關圖片cpu使用率如果CPU太高,我該怎么辦?一旦打開電源,藍色屏幕就會出現。進去不容易。程序一運行,藍屏就會出現。有沒有好的方法來處理這些CPU占用太多的情況?高CPU使用率在電腦突...

  • 筆記本風扇噪音,筆記本風扇噪音大怎么處理

    筆記本風扇噪音,筆記本風扇噪音大怎么處理 相關圖片筆記本開機風扇聲音很大對于一般筆記本電腦,使用時會因不同程度產生一定的噪音。當筆記本負荷過高時,噪音會更大,不僅會影響電腦散熱,還會影響心情,讓人感到煩躁不安。那...

  • 去空格,空格

    去空格,空格 相關圖片替換空格剛才,我無意中檢查了由asp.net生成的代碼,我驚訝地發現,由asp.net輸出的代碼并不那么緊湊。標記之間有無數的空格和制表符,特別是在使用嵌套表之后。這是空格名...

  • 電腦本地連接受限制怎么辦,電腦本地連接受限制或

    電腦本地連接受限制怎么辦,電腦本地連接受限制或 相關圖片XP本地連接受限制或無連接有網友在網上問小編本地連接有什么限制,怎么辦?如果計算機的本地連接受到限制,則表示存在網絡,但與網絡的連接超時或無法連接到網絡。這可能是因為...

  • 上傳圖片,百度照片 上傳圖片

    上傳圖片,百度照片 上傳圖片 相關圖片照片現在,雖然手機的發展很快,但仍有一些用戶能夠從這些相對陳舊的手機中獲利。我們都知道舊手機的配置比較低,內存跟不上。如果經常不刪除就拍照,手機的內存會越來越少。...

  • 數據庫存儲的文件,數據庫如何存儲文件

    數據庫存儲的文件,數據庫如何存儲文件 相關圖片數據庫怎么存文件當Java編譯一些圖形化的小程序時,有時也需要存儲少量的數據。如果使用JDBC連接數據庫,則會降低程序的速度。此外,我們還可以使用Java中的文件替換數據庫來保數...

  • 打印機安裝好了無法打印,打印機無法打印

    打印機安裝好了無法打印,打印機無法打印 相關圖片電腦打印機無法打印打印機是計算機的輸出設備之一,用于在相關媒體上打印計算機處理的結果,但許多用戶在安裝打印機后無法打印,如何解決這個問題?也許很多用戶還是被這樣的...

  • 網頁布局代碼,html網頁布局代碼

    網頁布局代碼,html網頁布局代碼 相關圖片怎么布局網頁下面的單行列是引用片段:body{margin:0px;padding:0px;text align:Center;}{content{margin left:網頁布局...

  • 電腦能連上wifi但不能上網,電腦能上網wifi不能用

    電腦能連上wifi但不能上網,電腦能上網wifi不能用 相關圖片電腦聯網了但不能上網電腦可以連接WiFi和有線電視,但無法上網,無法登錄QQ,嘗試360緊急狀態也沒有雞蛋。為了防止WiFi壞掉,我會用我的手機連接并嘗試,結果發現它可以正常使用,...

  • css如何讓div居中,居中css

    css如何讓div居中,居中css 相關圖片html中div怎么居中一。最簡單的事情是不要寫DTD語句。它不符合W3C規則。這個問題很容易解決。只需在頁面頂部添加:即可。實際上,CSS失敗的許多問題都是由于沒有編寫DTD語句2引怎么讓...

熱評文章

  • 邁克菲殺毒軟件怎么樣,邁克菲殺毒軟件

    邁克菲殺毒軟件怎么樣,邁克菲殺毒軟件 相關圖片邁克菲殺毒軟件多少錢McAfee(McAfee)是世界著名的反病毒軟件。許多品牌計算機(包括筆記本電腦和臺式機)都預先安裝了McAfee(McAfee),但許多用戶不知道它的存在,怎么卸載邁克菲...

  • HTML制作網頁,HTML5網頁制作

    HTML制作網頁,HTML5網頁制作 相關圖片HTML頁面制作眾所周知,網站制作涉及到知識的方方面面,包括圖形設計、HTML頁面制作、CSS樣式定義、客戶端腳本(JavaScript/VBScript)、服務器端腳本(ASHTML制作簡單網頁...

  • 打印機錯誤0x000006d9,打印機錯誤0x00000bcb

    打印機錯誤0x000006d9,打印機錯誤0x00000bcb 相關圖片打印機錯誤0x0000070c在辦公區,我們經常看到設備“打印機”一般來說,我們共享打印機設置以方便操作和打印。但是,共享時會出現提示“無法保存打印機設置,無法完成操作(錯誤...

  • 數據,圖表怎么顯示數據

    數據,圖表怎么顯示數據 相關圖片打開移動數據為什么沒有網絡使用spry可以輕松地將XML數據顯示到HTML頁面。隨著對Dreamweave CS3中集成spry功能的深入研究,學習和掌握spry框架的一些功能模塊,包括數據漫游要不要打開...

  • visio激活密鑰,visio的密鑰

    visio激活密鑰,visio的密鑰 相關圖片visio2019激活密鑰Visio 2013是一款允許it和業務專業人員可視化、分析和交流復雜信息、系統和流程的軟件。使用Visio 2007圖表的專業外觀,我們知道在安裝Visio visio的產品密鑰...

  • 縮小,怎么把照片比例縮小

    縮小,怎么把照片比例縮小 相關圖片css 圖片等比縮放當然,生成縮略圖的效果要好得多,如果它被保留到程序中,但有時由于某些原因,例如服務器不支持GD,不可避免地會要求CSS幫助將大圖片縮小到一定的大小,對于現...

  • 一鍵還原精靈,一鍵還原精靈 進入不了

    一鍵還原精靈,一鍵還原精靈 進入不了 相關圖片一鍵還原精靈的熱鍵原理說到還原工具,我不禁想到了“冰點還原”、“小哨兵還原”、“鬼魂還原”等。有一段時間,我不知道選擇哪一個好用。我們必須考慮簡單的處理、使用和安...

  • 路由器關閉端口,路由器如何關閉端口

    路由器關閉端口,路由器如何關閉端口 相關圖片多端口路由器445港是一個聲譽參差不齊的港口。與端口139一起,端口445是IPC$入侵的主通道。有了它,我們可以方便地訪問局域網中的各種共享文件夾或打印機,但正是因為有了路由器端...

  • 數學算術技巧,算術

    數學算術技巧,算術 相關圖片口算技巧100內加法我們來談談calc()函數。此函數允許您執行簡單的算術計算,例如計算元素的長度和寬度,無需編寫難以維護的JavaScript代碼。此函數支持所有簡單的基本算術運乘法口...

  • 華碩筆記本怎么重裝系統,華碩筆記本裝系統

    華碩筆記本怎么重裝系統,華碩筆記本裝系統 相關圖片筆記本電腦重裝系統華碩電腦是世界知名品牌,很多用戶都會購買華碩筆記本。隨著計算機的不斷使用和使用,計算機不可避免地出現卡死、墜毀、運行越來越慢等問題。而一些有技術...

關注微信

变脸官网查询