推薦查詢相關**:
div
我是divdiv>
css樣式的繼承
body
如果不給標籤新增額外的字型顏色 頁面所有的文字顏色都會設定為藍色屬性
描述width
設定長度 單位px
height
設定高度 單位px
float
float: left / right/ none; 讓元素浮動起來 用於布局
position
absolute/relative/fixed 元素定位
font
字型格式
background
背景顏色 / 背景圖象 / 背景重複 / 背景附件 / 背景位置
border
width /style /color 邊框樣式
list-style
列表樣式
margin
外邊距padding
內邊距cursor
游標樣式
width: 200px;
height: 200px;
background-color: red;
float: left;
}.right
class="left">div>
class="right">div>
div 本身是塊級標籤 使用兩個div同級時候 兩個div會緊緊相鄰 使用浮動屬性後可以發現兩個div重合使用浮動會造成的一些問題這裡可以認為第乙個div浮起來了 之前緊靠的div發現之前的div不見了就占領了第乙個div的位置
width: 800px;
border: 4px red solid;
margin: 50px auto;
}.left
.right
class="box">
class="left">div>
class="right">div>
div>
乙個父級div中有兩個子div 父級沒有設定高度 兩個子div分別使用了左浮動和有浮動 這時會造成父級的高度塌陷解決方法:
使用 clear: both;
在新增乙個div < div style=」clear: both;」>< /div> 這樣就恢復正常了
lang="en">
charset="utf-8">
documenttitle>
type="text/css">
style>
head>
id="first"
action=""
method="">
for="name">使用者名稱: label>
id="name"
type="text"
placeholder="請輸入使用者名稱"
name="username"
value="">
type="password"
placeholder="請輸入密碼">
type="radio"
name="gender">
type="radio"
name="gender">
type="radio"
name="gender"
value="3">
type="checkbox"
name="inster"
value="work">
type="checkbox"
name="inster"
value="play">
type="checkbox"
name="inster"
value="watch">
type="file"
multiple>
type="email" >
type="date" >
type="search" >
type="button"
value="不要按">
type="hidden"
name="type"
value="mac">
type="submit"
value="註冊">
textarea>
1option>
2option>
3option>
4option>
select>
form>
form="first"
type="reset">
body>
html>
lang="en">
charset="utf-8">
documenttitle>
type="text/css">
table
tbody
style>
head>
border="1"
width="200"
height="100"
cellspacing="0"
cellpadding="10">
width="100"
height="200">1th>
width="250">2th>
tr>
11td>
22td>
tr>
table>
border="1"
width="280"
height="280">
rowspan="2">1td>
2td>
3td>
4td>
tr>
colspan="2">2td>
4td>
tr>
1td>
2td>
colspan="2"
rowspan="2">3td>
tr>
1td>
2td>
tr>
table>
body>
html>
h5，css前端規範（自用）
1 新的html頁面，在head部分載入該載入的css，如normalize.css，要用的swiper.css layui.css等，按照固定的pc端和移動端規 範來設定html相關屬性。在移動端編寫頁面時，使用layui自帶的類的樣式 如文字框，label，核取方塊等 時，請用來寫，不要在外面用...
「前」方有坑，繞道而行（一） H5 CSS
1.關於 數字 英文 不換行問題 情景 昨天測試 小程式，輸入英文，沒有換行，且 下方有橫向滾動條 解決 word break word break break all 只對英文起作用，以字母作為換行依據 word wrap break word 只對英文起作用，以單詞作為換行依據 white sp...
H5 CSS寫網頁時遇到的一些坑 1
我們想要這樣的效果，嗯，看起來很不錯 結果把設定好了之後 float，大小什麼的 興高采烈的f5了一下，以為達到了預期效果，結果是這樣的 wtf，這和說好的不一樣啊，然後我就開始debug了一晚上，從div巢狀檢查到所有相關的css，結果還是找不出答案。最後無意之中用一串中文代替了 結果成這樣了 一...