1、 css的派生選擇器有哪些,css的命名規則?
一、網頁制作中規范使用DIV+CSS命名規則,可以改善優化功效特別是團隊合作時候可以提供合作制作效率。
所有的命名最好都小寫
屬性的值一定要用雙引號("")括起來,且一定要有值如class="DIVcss",id="divcss"
每個標簽都要有開始和結束,且要有正確的層次,排版有規律工整
空元素要有結束的tag或于開始的tag后加上"/"
表現與結構完全分離,代碼中不涉及任何的表現元素,如style、font、bgColor、border等
<h1>到<h5>的定義,應遵循從大到小的原則,體現文檔的結構,并有利于搜索引擎的查詢。
給每一個表格和表單加上一個唯一的、結構標記id
給圖片加上alt標簽
盡量使用英文命名原則
盡量不縮寫,除非一看就明白的單詞
二、相對網頁外層重要部分CSS樣式命名:
外套 wrap ----------------用于最外層
頭部 header --------------用于頭部
主要內容 main ------------用于主體內容(中部)
左側 main-left ------------左側布局
右側 main-right -----------右側布局
導航條 nav -----------------網頁菜單導航條
內容 content ---------------用于網頁中部主體
底部 footer -----------------用于底部
DIV+CSS命名小結:
無論是使用“.”(小寫句號)選擇符號開頭命名,還是使用“#”(井號)選擇符號開頭命名都無所謂,但我們最好遵循。
主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名,同時考慮命名的CSS選擇器在HTML中重復使用調用。
通常我們最常用主要命名有:
wrap(外套、最外層)、header(頁眉、頭部)、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)
、content (內容區)、footer(頁腳、底部)、logo(標志、可以配合h1標簽使用)、banner(廣告條,一般在頂部)、copyRight(版權)。
2、 CSS樣式是專門用來進行什么的?
CSS即層疊樣式表(Cascading Style Sheets),是一種專門用來表現HTML或XML等文件樣式的計算機語言。
CSS樣式主要包含以下三種類型:
1、行內樣式(內嵌樣式):結構的內部,即寫在標簽內的樣式;寫在標簽的開始部分內部,style屬性當中。
例:<標記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"></標記>
2、內部樣式(內聯樣式):寫在HTML頁面內部,存放于head標記當中,樣式寫在style標記內。
例:<style>選擇器 {屬性名:屬性值;屬性名:屬性值;......}</style>
3、外部樣式(外聯樣式):寫在css文件內。
3、 jquery的主要功能有哪些?
JQuery的主要功能有:
1、快速獲取文檔元素:jQuery的選擇機制構建于css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態效果:JQuery中內置了一系列的動畫效果,可以開發出非常漂亮的網頁,目前許多知名的網站都使用了jQuery的內置的效果,比如淡入淡出,元素移除等動態特效。
3、創建Ajax無刷新網頁:Ajax是異步的JavaScript和XML的簡稱,可以開發出非常靈敏無刷新的網頁,特別是開發服務器端網頁時,比如PHP網站,需要往返地與服務器溝通,如果不使用Ajax,每次數據更新不得不重新刷新網頁,而使用了Ajax特效后,可以對頁面進行局部刷新,提供非常動態的效果。
4、提供對JavaScript語言的增強:JQuery提供了對基本JavaScript結構的增強,比如元素選代和數組處理等操作。
5、增強的事件處理:jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太多事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問題。
6、更改網頁內容:JQuery可以修改網頁中的內容,比如更改網頁的文本、插入或轉網頁圖像, jQuery簡化了原本使用JavaScript代碼需要處理的方式。
4、 CSS優先級算法如何計算?
css 最常用的選擇符是類,即class,還有就是id 和元素,其次有通配符*還有一些偽類和偽元素。
子元素可以繼承父元素的屬性值。
優先級的話,id > class >元素>偽類和偽元素。! important 優先級最高,但不常用。還有一種是.id > .class 要大于. class, 既優先權可以累加