css 菜鳥筆記(ing)

2021-10-03 16:13:49 字數 2728 閱讀 1804

我大一的css都學了些什麼?我當時在幹什麼?我現在為什麼如此「快樂」?(…靈魂三問)

看css像看天書????我崩了。

接下來但凡看到乙個不會的css屬性,我就把它記下來,奧利給!

(1).clsss-one.class-two 與 .class-one .class-two

前者同級生效,後者巢狀生效(區分點在於有無空格)

(2)-moz -ms -webkit

這些都是為了相容老版本的寫法。

(3)css漸變

linear-gradient(線性漸變)

常用語法:background-image: linear-gradient(direction, start-color,end-color...);

radial-gradient(徑向漸變)

常用語法:background-image: radial-gradient(direction, start-color,end-color...);

更多:css3 漸變

(4)css選擇器 ~、+、>

(5)display

display屬性用於設定乙個元素應該怎樣顯示,預設為inline,即內聯元素,元素前後沒有換行符。

常用的值有:none(不顯示該元素),block(顯示為塊級元素,元素前後帶有換行符),inlineinline-block(行內塊元素)。

(6)行內元素與塊級元素

塊級元素(block)特性:

總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示;

寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制;

內聯元素(inline)特性:

和相鄰的內聯元素在同一行;

寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變,就是裡面文字或的大小;

塊級元素主要有:

address , blockquote , center , dir , div , dl , fieldset , form , h1

, h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript ,

ol , p , pre , table , ul , li

內聯元素主要有:

a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em ,

font , i , img , input , kbd , label , q , s , samp , select , small ,

span , strike , strong , sub , sup ,textarea , tt , u , var

可變元素(根據上下文關係確定該元素是塊元素還是內聯元素):

css中塊級、內聯元素的應用:

主要用的css樣式有以下三個:

display:block – 顯示為塊級元素

display:inline – 顯示為內聯元素

display:inline-block – 顯示為內聯塊元素,表現為同行顯示並可修改寬高內外邊距等屬性

(7)偽類與偽元素

常見偽類與偽元素

偽類與偽元素的用法示例

(8)flex彈性盒布局

flex布局 語法篇

fle布局 例項篇

flexbox標準及相容寫法速查表

(9)list-style

list的簡寫屬性,包括list-style-type、list-style-position、list-style-image。

注意】請始終設定list-style-type以防止無法使用的情況。

(10)min-height

定義元素的最低高度,不包括填充,邊框,或頁邊距,預設值有length、%、inherit。

(11)text-transform

控制文字的大小寫。屬性值有:

菜鳥的css 筆記

float 元素浮動之後,周圍的元素會重新排列,為了避免這種情況,使用 clear 屬性。clear 屬性指定元素兩側不能出現浮動元素。clear both overflow 屬性用於控制內容溢位元素框時顯示的方式。position static,relative,fixed,absolute,st...

Docker 學習筆記 ing

1 docker容器執行必須有乙個前台程序,如果沒有前台程序執行,容器認為空閒,就會自行退出 2 容器執行的命令如果不是那些一直掛起的命令 執行top,tail 迴圈等 就是會自動退出 3 這個是 docker 的機制問題 docker run dit 映象名 如果是自己測試用就可以直接執行 doc...

matlab 學習筆記(更新ing)

1 迴圈 for i n 1 1 n是i的初始值,1是步長,1是終止值。2 輸入數字 x input please input a number please input a number 22 x 22 輸入字串 x input please input a string s please inp...