CSS入門學習筆記 1

2021-04-12 13:45:44 字數 1959 閱讀 9685

昨天花了4個小時左右又參考著番茄的blog上的css文章學習了下css,發現以前花的6小時左右的學習時間算是白學了,很多要點昨天才有所了解,看來不動手不複習是不行的,其它技術的學習也是這樣的吧,呵呵,又想起了"唯手熟爾" .

有些時候不是沒有時間學,而是僅僅擔心時間不夠而沒有去學,比如eclipse的熟悉只花了4個小時不到...原以為需要驚天動地的學一段時間...  其實不需要什麼口號計畫,想好後動手去做就好.

css要點摘錄

17:00-17:40  css學習 番茄

21:20-01:00

1.margin和padding用法一樣,margin是和外部某層的距離,而padding則是和內部某層的距離。

2.margin:0px 0px 0px 0px

該部分對「上右下左」邊距為0畫素

3.margin:0px auto;

說明上下邊距為0px,左右為自動調整;

4.font:12px 宋體;

7.對層的margin屬性的左右邊距設定為auto可以讓層居中顯示

8.還有一點需要大家一定要分清楚的,當在html中定義為id="divid"時,在css對應的設定語法則是#divid{} ,如果在html中定義為class="divid"時,則在css中對應的設定語法是.divid。

9.首先,如果你曾用過table製作網頁,你就應該知道,如果要在**中繪製一條虛線該如何做,那需要製作乙個很小的來填充,其實我們還有更簡單的辦法,只要在中加入這麼一段就可以了,你可以試試:

10.#menu ul li

display:block;line-height:28px 能夠讓div中定義的文字垂直居中

11.clear:both,表示清除左、右所有的浮動

12.#banner

14.在這裡我們有到id和class,那麼有的朋友就要問了,究竟什麼情況下用id,什麼情況下用class呢?

答:id,表示的是唯一性,並且在這個頁面中只會出現一次,我們用它來表示布局的結構;

class,表示一組(類)或乙個具有同樣性質的元素,它們可以共用樣式,並且在頁面中將會出現多次。

15.有的時候,我們需要給這些層中的元素設定不同的樣式時,我們要如何做呢?例如會員登入這幾個文字使用14px加粗,其他是使用12px加粗,我們要怎麼寫css呢,看下面的**?

程式**

.bar_title

#login .bar_title

#login .bar_title 表示的是在id為login的層下的class為bar_title的元素的樣式,這樣表示的就可以有針對性的對某些元素定製樣式。#login .bar_title 在單獨設定了font-size:14px的樣式時,同時也繼承了.bar_title這一組(類)的樣式,那就是font-weight:bold,加粗。

16.先看頁面中的層

title1

title2

這裡,我要將title1的文字樣式設定為14px,紅色,將title2的文字樣式為10px,綠色,title1和title2都需要加粗,div加乙個紅色的1px的邊框,span加乙個綠色的1px的邊框,樣式可以這樣寫:

程式**

.title /*並不是div可以省略,而是"預設"為1px的紅色邊框*/

span.title /*span層的title的邊框是綠色,不是預設的紅色 */

.title a   /* 預設的a標記的加粗*/

div.title a /*div層title的特殊屬性*/

span.title a /*span層title的特殊屬性*/

HTML入門學習筆記 體驗CSS 1

在web早期 1990 1993 html是乙個很侷限的語言。幾乎完全由用於描述段落,超連結,列表和標題的結構化元素組成。隨著全球資訊網的出現 使用者互動體驗的加強 對html的要求越來越大,人們迫切需要html增加新的元素,去完成乙個特定的功能 迫於壓力,html開始出現,等標籤。但是html是一...

CSS學習筆記1

css指層疊樣式表 cascading style sheets css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。當有多個樣式的時候,是按照這樣的優先權確定文件的樣式的 內聯樣式 在html元素內部 內部樣式表 位於標籤內部 外部樣式表,瀏覽器預設設定。css...

css學習筆記1

本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...