CSS入門教程——樣式表的基本語法(一)

插入樣式表前后的網頁。為了更好地理解樣式表的作用,我們先看一個CSS的應用實例。在本例子中,你很容易對比出使用CSS前后兩個網頁的區別,當然了,現在你可能讀不懂CSS部分的代碼。別擔心,這些代碼將 …

CSS入門教程——CSS簡介

什么是CSS?CSS是CascadingStyleSheets(層疊樣式表)的縮寫。它的作用是定義網頁的外觀(例如字體,顏色等等),它也可以和javascript等瀏覽器端腳本語言合作做出許多動態的效果。 誰需要學習CSS?對于 …

CSS入門教程——樣式表加入網頁方式

在上兩節中我們已經為網頁添加過簡單的樣式表了,我們也了解了樣式表的語法基礎。本節將介紹將樣式表加入到頁面中的幾種不同方法。內部樣式表 其實我們在前兩節已經應用了內部樣式表。內部樣式表需 …

CSS入門教程——樣式表的基本語法(二)

class(類)和id的一個小實例在上一節中我們了解了如何為特定的標簽定義樣式,例如我們利用 “h1{font-size: 12px;}”將頁面內所有的標題1的字體大小改為了12像素。那么如果我不希望所有的標題 …

CSS入門教程——文字屬性(font)

CSS文字屬性(font屬性)font屬性在CSS中的使用頻率是相當高的。下面我們就來看看font屬性都可以做什么。1.定義字體(font-family)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww …

CSS入門教程——文本屬性(text)

文本屬性(text) 合理的應用CSS文本屬性不只可以改變你頁面文本的風格,還可以在一定程度上幫你省去不必要的勞動。我就曾經試圖為每一個段落的首行打兩個空格,但是在CSS中你只需要一小段代碼就可以 …

CSS入門教程——列表(list)

1.無序列表項目樣式屬性(list-style-type)&hellip;&hellip;
<style type="text/css">
.w1 { list-style-type:circle;}
.w2 { list-style-type:square;}
.w3 { list-style-type:disc ;}
</style> …

CSS入門教程——背景屬性(background)

背景屬性(background)回想一下你最喜歡的網站?你知道它們的首頁標題字號嗎?也許不。那么試著回憶起一些關于網站外觀的東西。怎么樣,是不是還記得它們的背景顏色?事實上,如果你有一個比較有名氣的 …

CSS入門教程——盒子(box)

CSS盒子(CSS box) 首先要清楚,CSS中沒有box這個屬性。CSS的盒子(box)是由以下幾個部分組成的: 內容(content)、填充(padding)、邊框(border)和邊界(margin)。盒子的內容當然是必須有的,而填充 …

CSS入門教程——div和span

div和span是什么意思? 相對與其他XHTML標簽,div和span對于它們包含的元素是沒有意義的。例如當你看到<h1></h1>標簽,你知道里面是標題,當你看到<p></p>標簽的時候你知道里面是一個新的自然段。 …

CSS入門教程——鏈接(a)

鏈接(a) 對于很多追求頁面美觀的站長來說,默認的鏈接樣式實在是太難以容忍了。而且它們也很難和網站的風格相吻合。不過有了CSS之后我們就不用擔心了。下面就看看如何修改網頁的鏈接樣式。1.改變整 …

CSS入門教程——定位(position)

定位 CSS的定位功能是很強大的,利用它你可以做出各種各樣的網頁布局。本節就介紹一些CSS常用的定位語句。1.相對定位(relative)相對定位是指相對它本來應該處的位置所做的移動。&hellip;&hellip; …

CSS網頁制作教程:浮動清除的新方法

起源:.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac /*/* html .clearfix { h …

收集分享的3個講解css及標簽的視頻

對于前端愛好者來說正確的理解樣式、標簽尤為重要。視頻講解的比較基礎,但講解的內容很詳細、很到位。無論你是初學者還是高手,以下收集分享的3個講解css及標簽的視頻,定會對你有某些幫助的!

CSS網頁制作教程:網頁中常用的web安全字體

在Web編碼中,CSS默認應用的Web字體是有限的,雖然在新版本的CSS3,我們可以通過新增的@font-face屬性來引入特殊的瀏覽器加載字體,但多數情況下,考慮各個因素的影響我們還是在盡量充分利用這些默認調 …

CSS網頁制作教程:字體單位em簡介

剛學網頁制作的時候,老師曾經告訴我必須用CSS強制定義字體大小,否則保證每個人都看到一致的效果。這一點在現在的中國站點尤為明顯。包括網易、搜狐這些門戶網站在內的大部分站點,用的都是絕對單位p …

幫助你學習CSS3的不錯的7個CSS3代碼生成工具

說到CSS3相信都并不陌生了,但是對于應用來說,卻鮮見有人體驗,尤其是在大型網站開發過程中,還是在保守地使用當前的CSS語言編寫代碼。在一些個人性質的網站和博客中,已經有不少人開始使用CSS3進行網 …

推薦20個出色幫你學習的CSS技術網站

CSS的學習過程既可以說簡單又可以說是復雜。CSS的語法比較簡單,但CSS的應用中有一些概念(一可以說是原理)還是很難掌握的。今天網頁教學網向你推薦20個出色的CSS技術類(英語)網站幫你更好的理解和掌握 …

提高網站權重:提高網站PR和提高網站更新度

每個做網站的朋友,都希望自己的網站權重高,什么是權重呢?權重沒有一個很清楚的界定標準,權重可以理解為網站在搜索引擎里面的待遇,這個待遇還是分級別的。它是 …

四十三個實例DIV+CSS網頁及導航布局教程

在中國,很多前端開發初學者都會把xHTML+CSS頁面制作說成DIV+CSS,甚至很多人都還不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在國外,是沒有DIV+CSS這個概念的,很明顯如果單從字面上去理 …

網頁制作教程:彈出層詳解

在工作過程中經常遇到做彈出的層效果,有的需要在元素右下彈出,有的需要彈出在瀏覽器正中間,有的需要彈出后再拖拽,有的需要背景要變暗,有的需要彈出的層跟隨 …

SEO實戰:網頁排名效果最好的標題寫法

我們公司是專門從事SEO的,所以有些實驗室必須要做的,為了研究三個標簽(標題、關鍵詞標簽、描述標簽)應該如何寫,我們用100個網站做了實驗,來證明三個標簽到底 …

頁面元素的對齊:閱讀線路不清晰

頁面上各個元素的對齊,能使頁面顯得更加規整。以下圖為例,能對齊的元素都對齊了,看起來很規整。但這也導致了一個問題:閱讀線路不清晰——究竟是&l …

15個滑動門效果CSS網頁導航菜單設計教程

如今,基本每個網站都會需要到Tab切換展示內容的滑動門效果應用,這種效果可以在更少的頁面空間內,展示更多的網站內容,節約空間,方便用戶集中操作,使用便利應 …

CSS教程:通配屬性批量替換的方法

例如我想美化輸入框的效果:
<input type="text" name="textfield" />
避免給這樣的通配屬性:
input{background:#222; border:1px solid #4a4a49; color:#cc …

 2326    1 2 3 4 5 6 7 8 9 10 11 12 下一頁 尾頁
30选5中奖号码查询