line-height有什么作用?
1友存、對于文章類文字上下排間隔一般我們對對象設(shè)置設(shè)置line-height行高屬性即可實現(xiàn)讓自動換行文字排版均勻間隔多少設(shè)置。
2陶衅、對單排文字上下垂直居中假如我們一個固定30px高度div對象屡立,如果要讓其文字內(nèi)容上下垂直居中,我們即可使用line-height:30px即可搀军。
![Z}NE]$JSKAW3(5]R~X94)W4.png](http://upload-images.jianshu.io/upload_images/1436600-5a9c9364d793154f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如何去查CSS屬性的兼容性膨俐?比如inline-block哪些瀏覽器支持?
- 進(jìn)入網(wǎng)站can i use可以查CSS屬性的兼容性罩句。
- inline-block哪些瀏覽器支持
![AL(3NMAVRF@9Z@L18]ZC8JW.png](http://upload-images.jianshu.io/upload_images/1436600-a1b404f7faec4ec3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
a 標(biāo)簽的href, title, target 是什么焚刺? title 和 alt有什么區(qū)別?如何新窗口打開鏈接?
- href:鏈接屬性门烂。
title:當(dāng)鼠標(biāo)放在文字上面時乳愉,顯示鏈接文字標(biāo)題。
target:有四種屬性值屯远,_blank表示在新窗口中打開鏈接蔓姚;_parent表示在父窗體中打開鏈接;_self表示在當(dāng)前窗體打開鏈接慨丐,即默認(rèn)值坡脐;_top表示在當(dāng)前窗體打開鏈接,并替換當(dāng)前窗體房揭; - title 和 alt有什么區(qū)別备闲?
alt:一般用于 img 中晌端,當(dāng)圖片顯示不出來時,以未加載圖片的形式顯示文字提示浅役。
titile:當(dāng)鼠標(biāo)放在文字上面時斩松,顯示鏈接文字標(biāo)題伶唯。
區(qū)別:
![I5B9P(0)0M@0B]SET1P@6(U.png](http://upload-images.jianshu.io/upload_images/1436600-44fa73be69f0657a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
display: none, visibility: hidden, 有什么作用觉既?有什么區(qū)別?
- display:none;表示隱藏對應(yīng)的元素乳幸,在文檔布局中不再給它分配空間瞪讼,它各邊的元素會合攏, 就當(dāng)他從來不存在粹断。
- visibility:hidden符欠;表示使用該屬性后,HTML元素(對象)僅僅是在視覺上看不見(完全透明)瓶埋,而它所占據(jù)的空間位置仍然存在希柿,也即是說它仍具有高度、寬度等屬值养筒。
- opacity:0曾撤;表示透明,包括背景和內(nèi)容晕粪。
區(qū)別:
5XZ(R(288H5M$A3{`{JYP6A.png
如何去除 a 鏈接的默認(rèn)樣式挤悉?直接在 a 鏈接父容器添加顏色,能否繼承到當(dāng)前 a 鏈接上巫湘?
- text-decoration:none;去掉默認(rèn)樣式装悲。
- 不能,需要單獨在a標(biāo)簽上設(shè)置樣式才能添加顏色尚氛,不過字體大小可以繼承父容器诀诊。