近段時間學習html和CSS的一些細碎總結,htmlcss

來源:互聯網
上載者:User

近段時間學習html和CSS的一些細碎總結,htmlcss

1、邊框圓角屬性:border-radius,取值可以是 百分比 / 自訂長度,不可以取負值。如果是圓,將高度和寬度設定相等,並且將border-radius設定為100%
2、IE6,IE7,IE8,opera,firfox-2.0等瀏覽器,不支援邊框的圓角效果。我們可以用圖片來做。
3、為了克服有的瀏覽器不能顯示某些屬性設定的效果,可以專門設定使其識別,如Firefox瀏覽器是 -moz-,Google瀏覽器是 -webkit- ,應用如:-webkit-border-radius:100%;
4、屬性元素如input,可以在style中如下設定(text也可以是別的):
input[type="text"]{
width:50px;
……(其他屬性設定)
}
5、可以使用  outline:none; 去除input輸入表單的邊框。但是有的時候就算設定了outline:none;也會發現邊框沒有去除,這個時候可以用border:none;就可以解決這個問題。
6、有時候可以使用無序列表ul,li來實現某些在同一排的一些元素,因為列表是區塊層級元素,這個時候我們可以用元素的浮動將清單項目的每一列都變成內嵌元素,實現他們顯示在同一行。
7、有時候我們用input做搜尋方塊的時候,經常會在搜尋方塊裡面設定初始值,然後使用者點擊的時候這個初始值會消失,除了用javascript事件做外,還可以用placeholder屬性來做。如<input id="search" name="search" placeholder="please input what you want..."/>
8、用input做一些輸入框如密碼框,使用者名稱等的時候,應該設定輸入的最大長度,避免出現無限制輸入。
9、內嵌元素不能設定其高度和寬度,但是可以設定它的內邊距和左右外邊距。
10、使元素自動換行(強制換行)的方法是在聲明塊中加入 word-break:break-all;
最好的引用片段是word-wrap:break-word;overflow:hidden;
其他可以引用的片段是word-wrap:break-word;overflow:auto;
還有:word-wrap:break-word;word-break:break-all;
11、有時候我們要將我們做的一個東西放在整個頁面的中央,我們可以設定margin值來實現。設定margin:0px;margin:auto;就可以了。
12、一般如果不想內容頂格或者緊挨著div邊緣的話,可以設定padding屬性,但是要記得改原始設定的寬度和高度,保證原來的大小。這樣的原理是元素的內容區是width和height定義的部分,但是元素的背景色和映像在padding是可以顯示的。
13、為了防止前面設定的浮動元素的元素內容影響到後面設定的內容,可以在後面的元素的聲明塊內設定取消浮動 clear : left / right。然後再設定後面元素自身的浮動。
HTML/CSS/JavaScript標準教程:執行個體版 學習總結

這種連作者名字都不敢寫的垃圾書就不要看了,又浪費錢又浪費時間。找幾本經典的進口書籍好好看吧。
 
各位們你們學習HTML、CSS與JavaScript有什心得體會沒有?告訴一些唄

HTML+CSS與JavaScript相比簡單了很多,JavaScript很重要,要好好學習!以後對你學Ajax和Jquery很有協助!在企業裡面也非常重要,所以要好好學習!
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.