-
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<!--在此制作一個嵌套列表-->
<div class="shouye">
? ? <ul>
? ? ? ? <li>首頁</li>
? ? ? ? <li>課程中心
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>Web前端
? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? <li>首頁</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>CSS</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>JavaScript</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>jQuery</li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>Android開發</li>
? ? ? ? ? ? ? ? <li>PHP開發</li>
? ? ? ? ? ? </ul>
? ? ? ? </li>
? ? </ul>
</div><!--shouye結束-->
</body>
</html>
查看全部 -
p元素里面的內容如果是數字和字母,不能自動換行 不知道的小伙伴了解一下哦
查看全部 -
注意:1.em為內聯元素,要把他改為塊級元素后,設置的寬度和高度才有效
background-position屬性來控制不同列表項顯示不同的背景圖片
查看全部 -
list-style-type可以設置列表項目符號為:none無項目符號,disc實心圓,circle空心圓,square實心方塊等但是不可以設置圖片為項目符號
把“圖像”設置為列表中的項目符號可以有:background;list-style-image;background-image
查看全部 -
3-11 新聞中心制作(二) 圖片編輯六要素:大小、邊距、邊框、位置、浮動、背景; 文字編輯八要素:大小、邊距、邊框、位置、浮動、行高、背景、顏色; 在ie中不居中的問題:
查看全部 -
浮動框浮動的時候,要看后面的元素是什么。
如果后面的元素是塊元素,那么這個塊元素會當浮動框不存在,占據浮動框原來的位置,但是塊元素里面的文本內容會為浮動框讓出位置。
如果后面的元素是行內元素/內聯元素,那么會為這個浮動框空出位置,然后按順序排列。所以說圖片左浮動了之后,后面接的span或者a,都是行內元素,是不會占據圖片的位置覆蓋的
2017-08-21
查看全部 -
郝查看全部
-
min-height查看全部
-
line-height查看全部
-
以文本流的形式顯示
查看全部 -
text-indent用來規定文本塊中首行文本的縮進,但是px是絕對單位,20px不一定正好是兩個字符,而em是相對單位,1em的大小是當前1個字體的大小,因此2em正好是兩個字符。另提示:text-indent的值允許負值,因此如果想隱藏某個div中的文字可以這樣寫text-indent:-9999px.
查看全部 -
塊元素和內聯元素的基本差異是塊元素一般都從新行開始。而當加入了CSS控制以后,塊元素和內聯元素的這種屬性差異就不成為差異了。我們可以通過設置display屬性實現塊級元素和內聯元素的相互轉變。
查看全部 -
設置頁碼樣式
.page a
{
border:1px solid #E8E8E8;
text-decoration:none;
margin:5px;
padding:5px 10px
}
查看全部 -
③?由于a標簽屬于內聯元素,無高度和寬度屬性,因此控制鼠標經過狀態改變背景顏色時,僅在有文字的地方顯示背景顏色。解決的辦法是把a標簽變為塊級元素,display:bloc 設置li的line-height與上級div高度一致可以垂直居中
查看全部 -
查看全部
舉報