隨筆1030 學習第四天 樣式表的樣式 一、大小寬度width高度height 二、背景1.background-color 背景色2.background-image 背景圖片3.background-repeat：no-repeat 背景圖的平鋪方式4.background-position 背景圖的位置 center等5.background-attachment 背景圖是否滾動6.background-size:..px ..px; 背景圖片大小 三、字體1.font-family 字體樣式，通常以宋體、仿宋、微軟雅黑為主2.font-size 字體大小 以12px、14px為主3.font-style:italic 傾斜4.font-weight:bold 加粗5.color 直接定義字體顏色6.text-decoration:underline 下劃線overline 上劃線line-through 刪除線none 去掉樣式，多用于<a></a>的下劃線 四、對齊方式1.text-align 水平對齊2.vertical-align 垂直對齊方式3.line-height 行高 2 3配合使用用于對齊文字4.text-indent 縮進 以像素為單位 五、邊界邊框1.margin 外邊距 順序為上右下左2.padding 內邊距 使用padding時，自身會變大，需要做完減去變大的大小此時需要注意： margin與padding的區別margin與padding都是作用于要移動的物體，margin是距離外部的距離，padding是本身與自身內部物體的距離例：方塊1里面有個方塊2，方塊2內有方塊3，此時讓2距離1多少距離就要對2進行編輯margin，讓2內的3距離2多少距離就要進行編輯padding。 ！！！！ *{ margin:0px auto; padding:0px;} 頁面都需要添加此項內容保證整個頁面的布局方式3.border 邊框border: 1px solid #60F 第一個代表邊框粗細，第二個代表邊框樣式，第三個是邊框顏色可以用來做三角 六、列表方塊1.list-style:none 去掉列表的符號，若有*{ margin:0px auto; padding:0px;} 則不顯示列表符號了2.list-style-image: 將序號變成圖片 七、格式與布局1.位置position:fixed 固定位置，固定于瀏覽器的位置，滾動頁面位置依然在瀏覽器固定位置position:absolute 絕對位置，固定在父級元素之上， 固定在瀏覽器上，頁面具體位置position:relative 相對位置，相對于原來定義的位置2.流float:left/right 向左向右流，寫完之后要清除流<div style="clear:both"></div>3.z-index 分層， 值越大越靠上 八、其他1.displaydisplay:block(顯示)/none(隱藏) 不占位置2.visibility:visible(顯示)/hidden(隱藏) 占位置3.overflow:hidden 超出部分隱藏4.透明 opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)5.圓角 border-radius:5px;6.陰影 box-shadow:0 0 5px white;

?

轉載于:https://www.cnblogs.com/claricre/p/6016858.html

總結

以上是生活随笔為你收集整理的随笔-1031的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。