Css中display屬性和其它測試

css中display屬性:css

<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>

便可將該元素設爲隱藏的。默認的是顯示的,即不設置display即默認顯示。html

display 屬性規定元素應該生成的框的類型,定義創建佈局時元素生成的顯示框類型。api

display的值能夠取以下的值:佈局

none    此元素不會被顯示。學習

block    此元素將顯示爲塊級元素,此元素先後會帶有換行符。    this

inline    默認。此元素會被顯示爲內聯元素,元素先後沒有換行符。    url

inline-block    行內塊元素。(CSS2.1 新增的值)    spa

 

下面是學習時候一些寫錯的例子code

爲了更早的爬坑即便在簡單的東西也要一點點積累:orm

一、如何改變元素的左邊距?

正確答案:margin-left:

二、如何顯示這樣一個邊框:上邊框 10 像素、下邊框 5 像素、左邊框 20 像素、右邊框 1 像素?

正確答案:border-width:10px 1px 5px 20px

三、如何使文本以大寫字母開頭?

正確答案:text-transform:capitalize

四、如何顯示沒有下劃線的超連接?

正確答案:a {text-decoration:none}

五、在如下的 CSS 中,可以使全部 <p> 元素變爲粗體的正確語法是?

正確答案:p {font-weight:bold}

六、哪一個 CSS 屬性可控制文本的尺寸?

正確答案:font-size

七、如何改變某個元素的文本顏色?

正確答案:color:

八、如何在 CSS 文件中插入註釋?

正確答案:/* this is a comment */

 

下面是HTML中的例子

一、如何在新窗口打開連接?

正確答案:<a href="url" target="_blank">

二、在下列的 HTML 中,哪一個能夠插入背景圖像?

正確答案:<body background="background.gif">

三、在下列的 HTML 中,哪一個能夠插入圖像?

正確答案:<img src="image.gif">

四、在下列的 HTML 中,哪一個能夠產生文本框?

正確答案:<input type="text">

五、請選擇產生粗體字的 HTML 標籤:

正確答案:<b>  產生斜體的是 <i>

六、如何產生帶有數字列表符號的列表?

您的回答:<ol>  (有序的)

七、如何產生帶有圓點列表符號的列表?

您的回答:<ul>   (無序的)

八、在下列的 HTML 中,哪一個能夠產生文本框?

正確答案:<input type="text">

 

互相學習,共同進步:)轉載請註明出處謝謝。

相關文章
相關標籤/搜索