1. 程式人生 > >關於網頁制作初步二

關於網頁制作初步二

來源 文檔 背景 空格 層疊 css enter pan text

前面也說了做這方面需要自己多花時間,很多的內容有些時候做起來是比較難的。

下面來說說稍稍有點難度的地方-------------------------

首先是層疊和繼承

繼承是指應用在某個標簽元素上的css屬性專遞給內部嵌套的標簽,

通常來說文本類的會被繼承如字體,字號,顏色等。

在谷歌瀏覽器中灰色的表示未被繼承。

層疊是指一個標簽可能有一個或多個樣式的來源,

當屬性發生沖突時按照加載順序和權重大小去決定。

當屬性不發生沖突時按照加載循序同時去作用,當順序不發生沖突時按照加載對比權重。

當權重相同時,後者覆蓋前者,當權重不同時,權重大的生效。

層疊這個需要自己用代碼去試試,這樣才能理解其真正的含義。

其次是熟記,硬背方面,多多下功夫

比如說我們必須要記住css中五大內容,分別是字體,文本,邊框,背景,列表。(後面需要自行取值)

字體大小font-size:();

文本居中text-align:center;

去掉下滑線text-decoration:();

文本行高line-height:();

邊框border:(邊框線大小)空格(邊框線虛線實線等)空格(顏色);

邊框角幅度border-radius;這個取值可以有一到四個,分別對應上中左右,這個需要自己翻翻書籍去看看。

背景background(url(“加載的圖片路徑”))空格( 平鋪方式)空格(位置定位);

去掉無序列表前面的點list-style:none;

上面所說的都是很常見的。需要記住引用

最後是位置定位

位置定位是有一點的難度,需要靈活的運用,相對和絕對定位。

絕對定位:它會脫離常規文檔流,離他最近的非靜態的作為基點,並且不會占據原來的位置。

相對定位:相對於自己原來的位置進行移動,並且會占據原來的位置。

這個運用的時候往往是比較的模糊的,需要自己對網頁的認識,合理的去運用它。

以上就是本人覺得有用的小知識,多練去理解。

關於網頁制作初步二