1.line-height有什么作用?
答:line-height
的主要作用是調整文本行高,也相當于行間距的設置。
Eg:<p style="lint-height:30px;>
當段落內文字換行時候行間距即為30px;并且當設置line-height屬性與div高度相同時,可以使單行文本在div中垂直居中。
2.如何去查CSS屬性的兼容性?比如inline-block哪些瀏覽器支持?
答:使用caniuse 網站來檢測css屬性的兼容性。打開網站后我們可以搜索某一個屬性值,Eg:inline-block。我們可以通過下面的表格看出有哪些瀏覽器支持此屬性。
Caniuse網站示例
3.a 標簽的href, title, target 是什么? title 和 alt有什么區別?如何新窗口打開鏈接?
答:
- href指定了超鏈接目標的URL<a href="www.baidu.com">如果設置成href="#"那么點開鏈接也會停在當前頁面。
- target用于設置跳轉鏈接的打開方式
target=“_blank”
會在新窗口打開連接。 - title屬性是當鼠標懸停在鏈接上時可以顯示當前連接的額外信息。
- alt是代替圖像顯示的文本信息,當圖像沒有被加載出來該位置即會顯示alt屬性值中的文本。
4.display: none , visibility: hidden, opacity:0 有什么作用?有什么區別?
答:
- 用
display:none
隱藏元素的手法較為常用,不會占據文檔空間,從而也是導致頁面的布局發生變化。 -
visibility:hidden
與前者的區別在于被隱藏的元素仍會占據文檔空間,也不會觸發該元素所綁定的事件 -
opacity:0
顧名思義是將元素透明度降低到0,以達到隱藏元素的效果。頁面布局不會發生變化,會觸發綁定事件。
5.如何去除 a 鏈接的默認樣式?直接在 a 鏈接父容器添加顏色,能否繼承到當前 a 鏈接上?
答:利用text-decoration:none
語句來去除a鏈接的默認下劃線;a標簽無法繼承父元素中的顏色屬性,只能單獨對a標簽定義顏色樣式。
****本教程版權歸饑人谷_鬼腳七和饑人谷所有,轉載須說明來源****