第二種方法:不需要 display: inline,即使是塊級元素,也可以直接使用 text-align:center 來實(shí)現(xiàn)居中效果
2020-04-03
<form>
<div>你對什么運(yùn)動感興趣:</div>
<label for="run">慢跑</label>
<input type="checkbox" name="1" id="run" /><br/>
<label for="climb">登山</label>
<input type="checkbox" name="2" id="climb" /><br/>
<label for="ball">籃球</label>
<input type="checkbox" name="3" id="ball" />
</form>
<div>你對什么運(yùn)動感興趣:</div>
<label for="run">慢跑</label>
<input type="checkbox" name="1" id="run" /><br/>
<label for="climb">登山</label>
<input type="checkbox" name="2" id="climb" /><br/>
<label for="ball">籃球</label>
<input type="checkbox" name="3" id="ball" />
</form>
2020-04-01
糾正一下,img、input、iframe是可替換元素不是行內(nèi)塊,什么是可替換元素?
可替換元素是由屬性決定內(nèi)容的比如img的src屬性,input的type屬性
行內(nèi)可替換元素是可以設(shè)置寬高的,但是不能修改內(nèi)容的樣式,比如img你能css修改圖片里面顏色嗎?你能修改iframe里面的網(wǎng)頁嗎?
可替換元素是由屬性決定內(nèi)容的比如img的src屬性,input的type屬性
行內(nèi)可替換元素是可以設(shè)置寬高的,但是不能修改內(nèi)容的樣式,比如img你能css修改圖片里面顏色嗎?你能修改iframe里面的網(wǎng)頁嗎?
2020-04-01
根據(jù)這個(gè),我們可以給每個(gè)段落加入一個(gè)鼠標(biāo)滑過的背景色,例如很淺的灰色,這可以讓我們的用戶更明顯的知道自己在閱讀的地方是哪里。
p:hover{background:yellow}
p:hover{background:yellow}
2020-03-29
當(dāng)type為text時(shí)為文本框
當(dāng)type為password時(shí)為密碼框
當(dāng)type為password時(shí)為密碼框
2020-03-28
<a href="mailto:yy@imooc.com?subject=觀了不起的蓋茨比有感&body=你好,對此評論有些想法.">對此影評有何感想,發(fā)送郵件給我</a>
2020-03-27
<p><em>三年級時(shí),我還是一個(gè)<a>膽小如鼠</a>的小女孩。</em></p>
我覺得這樣也是沒有問題的
我覺得這樣也是沒有問題的
2020-03-26
這樣更美觀,不信你們看
p{line-height:1.5em; letter-spacing:5px;text-indent:2em;}
</style>
</head>
<body>
<p>菲茨杰拉德,二十世紀(jì)美國文學(xué)巨擘之一,兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時(shí)代"吟唱華麗挽歌,其詩人和夢想家的氣質(zhì)亦為那個(gè)奢靡年代的不二注解。</p>
p{line-height:1.5em; letter-spacing:5px;text-indent:2em;}
</style>
</head>
<body>
<p>菲茨杰拉德,二十世紀(jì)美國文學(xué)巨擘之一,兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時(shí)代"吟唱華麗挽歌,其詩人和夢想家的氣質(zhì)亦為那個(gè)奢靡年代的不二注解。</p>
2020-03-22
.aa{
color:blue;
}
</style>
</head>
<body>
<h1>勇氣</h1>
<p>三年級時(shí),我還是一個(gè)<span class="stress">膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個(gè)<span class="stress">勇氣</span>來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<p>到了三</p>
color:blue;
}
</style>
</head>
<body>
<h1>勇氣</h1>
<p>三年級時(shí),我還是一個(gè)<span class="stress">膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個(gè)<span class="stress">勇氣</span>來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<p>到了三</p>
2020-03-22
<form>
<label for="male">慢跑</label>
<input type="checkbox" name="male" id="male" />
<br />
<label for="aa">登山</label>
<input type="checkbox" name="aa" id="aa"/>
<br>
<label for="bb">籃球</label>
<input type="checkbox" name="bb" id="bb">
</form>
<label for="male">慢跑</label>
<input type="checkbox" name="male" id="male" />
<br />
<label for="aa">登山</label>
<input type="checkbox" name="aa" id="aa"/>
<br>
<label for="bb">籃球</label>
<input type="checkbox" name="bb" id="bb">
</form>
2020-03-22