-
背景圖切換改良版，才用百度背景圖
查看全部 -
box-shadow?陰影? 使用方法：box-shadow：x軸偏移量（橫）?y軸偏移量?陰影模糊半徑?陰影擴展半徑?陰影顏色?投影方式 xy必填，后面的可選 投影方式外（默認）或者內（inset）
查看全部 -
border-radius向元素添加圓角邊框 單位：px?%?... border-radius：10px； 只寫一個代表所有的圓角半徑都為10px border-radius:5px?4px?3px?2px 四個代表四個角，分別是上，右，下，左。
查看全部 -
css3 1.選擇器?---?除了之前常用的id、class選擇器，css3的選擇器更加強大，能夠減少標簽中class和id的數量，更方便的維護樣式表，更好的實現結構與表現的分離 2.圓角效果?---?border-radius 3.塊陰影與文字陰影 4.色彩?---?支持HSL,CMYK,HSLA,RGBA 5.漸變效果 6.個性化字體?---?@Font-Face 7.多背景圖?---?一個元素上添加多層背景圖片 8.邊框背景圖 9.變形處理?---?旋轉、縮放、傾斜、移動... 10.多欄布局?---?不在使用多個div就能實現的多欄布局 11.媒體查詢?---?針對不同屏幕分辨率，應用不同的樣式 .....
查看全部 -
background-size:auto cover | contain
查看全部 -
/*使用偽元素制作導航列表項分隔線*/
.nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;}
? ? ? ??
? ? ? ? /*4.刪除第一個和最后一個導航分隔線*/
? ? ? ??
? ? ? ? .nav li:last-child{background:none;}
查看全部 -
background-origin 用于設置元素背景圖片的起始位置
語法： background-origin?：?border-box?|?padding-box?|?content-box;
查看全部 -
word-wrap也可以用來設置文本行為，當前行超過指定容器的邊界時是否斷開轉行。
查看全部 -
要實現溢出的文本變為...，還須定義強制文本在一行內顯示（white-space:nowrap）及溢出內容為隱藏（overflow:hidden），只有這樣才能實現溢出文本顯示省略號的效果
text-overflow:ellipsis;? overflow:hidden;? white-space:nowrap;
查看全部 -
linear-gradient();? 漸變色彩
查看全部 -
box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴展半徑]?[陰影顏色]?[投影方式];
查看全部 -
border-radius:5px 4px 3px 2px;/*代表4個半徑值分別是左上角、右上角、右下角、左下角，順時針方向。
查看全部 -
:only-child?，匹配的元素的父元素中僅有一個子元素，而且是一個唯一的子元素查看全部 -
:target選擇器稱為目標選擇器，用來匹配文檔(頁面)的url的某個標志符的目標元素查看全部 -
“:root”選擇器等同于<html>元素，簡單點說：
:root{background:orange}html {background:orange;}查看全部
舉報
0/150
提交
取消