-
1.<hr>設置水平分隔線 2.placeHolder作為input的預先的文本填充 3.text-indent:-9999px;是把該元素內的文字移到屏幕外面去,有時文字已經用背景圖片代替了,我們不需要眼睛看見那些文字,但是希望搜索引擎可以搜到,就可以用這個把文字“隱藏”的屬性。查看全部
-
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }查看全部
-
CSS display:inline和float:left兩者區別 ①display:inline:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“行布局”形式!(行布局:其表現形式始終以行進行顯示) ②float:left:指定元素脫離普通的文檔流而產生的特別的布局特性。并且***float必需應用在塊級元素****之上,也就是說浮動并不應用于內聯標簽。或者可以說*****如果應用了float這個元素將被指定為塊級元素*****。 **那么兩者的區別顯而易見:display:inline元素不能設置寬高,因為它屬于行布局,其特性是在一行里進行布局,所以不能被設定寬高。** 簡單的說就是float可以設置寬高,然而display:inline;雖然也會浮動,但是他不能設置寬高。查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設置background-position屬性,需要給<li>定義一個類名<li class="cat-數字"> 3去掉<ul>標簽下<li>標簽的小黑點,在<style>標簽下ul{list-style:none} 4不依賴于瀏覽器自身所設定的margin、padding,通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同:先將display屬性設置為block,否則設置行高什么的沒用,overflow:hidden可防止元素溢出 (決定瀏覽器如何處理溢出的步驟: (1) 輸入 overflow: 。 (2) 輸入 visible ,讓元素盒子中的所有內容可見,這是默認項; 或者輸入 hidden ,隱藏元素盒子容納不了的內容; 或者輸入 scroll ,無論元素是否需要,都在元素上添加滾動條; 或者輸入 auto ,讓滾動條僅在訪問者訪問溢出內容時出現。)查看全部
-
原理:通過css的背景定位屬性:background-position來控制 坐標軸,拼合背景圖的小圖(x,y)為負值 以雪碧圖左上角的定點為(0,0)坐標 當需要對坐標系中的某個小圖標進行展示的時候,只需要取左上角的坐標進行偏移,例如(-100,0),只需要將background-position:-100,0; 實現原理:控制一個層,可顯示的區域范圍大小,通過一個窗口,進行背景圖的滑動。查看全部
-
ul {list-style:none;margin:0px;padding:0px;}可以讓整體居中 設置 h3 內容居中 text-align:center;查看全部
-
cssscrpite雪碧圖 靜態圖片,不隨用戶信息變化而變化。 小圖片,容量比較小 加載量比較大。(目的是:有效的減少http請求的數量) 大圖不建議拼成雪碧圖,加載時間長查看全部
-
雪碧圖使用條件查看全部
-
<code>just by myself</code>查看全部
-
如何制作雪碧圖: 1、PS手動生成 2、使用Sprite工具生成,比如CssGaga查看全部
-
雪碧圖實現原理: 使用CSS屬性 background-position查看全部
-
有幾個非常不錯的前端開發在線工具,分享給一起學習的小伙伴們,別忘了收藏,很實用。<br> <br> (1)在線代碼測試工具:http://www.lvyestudy.com/tools/run_code.aspx;<br> <br> (2)在線調色板:http://www.lvyestudy.com/tools/color_picker.aspx;<br> <br> (3)CSS3圓角生成器:http://www.lvyestudy.com/tools/border_radius.aspx (4)雪碧圖下載:http://www.99css.com/1524/查看全部
-
使用雪碧圖的目的: 有效減少http請求的數量,加速內容顯示查看全部
-
使用雪碧圖(CSS Sprite)的場景條件: 1、是靜態圖片:圖片不隨用戶信息的變化而變化 2、小圖片:圖片容量比較小,2-3kb每張 3、圖片的加載數量比較大 大圖不建議拼成雪碧圖。查看全部
-
雪碧圖查看全部
舉報
0/150
提交
取消