我大一的css都學了些什麼?我當時在幹什麼?我現在為什麼如此「快樂」?(…靈魂三問)(1)看css像看天書????我崩了。
接下來但凡看到乙個不會的css屬性,我就把它記下來,奧利給!
.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(顯示為塊級元素,元素前後帶有換行符),inline,inline-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...