css基礎學習

2021-09-28 00:18:45 字數 825 閱讀 5419

巨集**css  

分為css2.1 和css3

css2.1的目的是實現網頁的基本布局;

css3 本質上並沒有改變,只是增強了css2.1的功能,實現網頁炫酷的效果;

css3主要放在學完js和jquery 之後在學習。

今天主要學習css2.1版本,製作靜態頁面,那麼css2.1中到底學習哪些東西?

css2.1:選擇器,文字樣式屬性,盒模型,浮動,定位(絕對定位,相對定位),精靈,背景圖。

原理:標準文件流:符合你的書寫模式,從左至右,從上至下書寫。

脫離標準文件流:浮動,絕對定位,固定定位

清除浮動:clear:both;內牆法,外牆法,設高度,overflow:hidden;

定位:子絕父相;

盒模型:padding 和border 都是外擴的。

width不寫會自動撐滿,塊級元素,行內元素,還有乙個選擇器權重問題。

補充乙個小知識點:在製作網頁的過程中,滑鼠觸碰導航條選項,有時候會遇到增加一條邊框,造成抖動,影響後面的選項。有兩個解決辦法

一:一開始就設定好邊框,讓邊框為透明,這樣在觸碰的時候改變顏色就行了

border:1px solid transparent

:hover 時候 改變顏色

二:padding 和border 相互變動,總的寬高不變

乙個盒子的寬高包括了padding 和border 和width ,當border增加時候,就讓padding減少就可以了,這樣盒子的總寬高會保持不變。

ps:現在的企業基本很少用css2.1去寫頁面了,基本上都是用框架,如react ,vue 實現了。

css學習 css基礎

子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname,也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...

css基礎學習

1.class和id 1 同一id在乙個頁面內只能應用一次,而class則是 用於描述多次出現的元素。2 class的定義方法 指定標籤 類名 id的定義方法 指定標籤 id名 class的應用方法 指定標籤 class 類名 id的應用方法 指定標籤id id名 2.css的引用 1 內部樣式 段...

CSS基礎學習

1.css cascading style sheet 層疊樣式表 css是對html的補充 css實現了網頁內容和頁面效果的分離 2.有三種方式可以將樣式表加入到html文件中 1 內聯樣式表 2 嵌入樣式表 3 外部樣式表link 3.樣式規則選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 ...