-
CSS的優先級特性Specificity
如果同個元素有兩個或以上沖突的CSS規則，瀏覽器有一些基本的規則來決定哪一個非常特殊而勝出。 它可能不像其它那么重要，大部分案例你不需要擔心沖突，但大型而且復雜的CSS文件，或有很多CSS文件組成的，可能產生沖突。 選擇器一樣的情況下后面的會覆蓋前面- 1.5k
- 0
-
CSS基礎教程:CSS的偽元素Pseudo Elements
偽元素吸附在選擇上和pseudoclasses偽類很像，像這樣selector:pseudoelement{property:value;}。有四種方式。 FirstlettersandFirstlines首字母和首行 first-letter偽元素作用到元素的第一個字母，first-line作用到元素的頂行。你可以，例如為段落創建一個dr- 1.8k
- 0
-
CSS基礎教程:CSS的At-Rules@規則
At-rules分裝不同的CSS規則，應用在特定場合。 Importing import@規則引用另外的樣式。例如，如果你想添加另外樣式到現在的樣式，可以這樣： @importurl(addonstyles.css); 這很像使用link元素連接CSS到HTML，本質上說有一個內容樣式像下面： styletype="tex- 2.1k
- 0
-
CSS基礎教程:CSS網頁布局Page Layout
使用CSS布局非常簡單，如果你習慣使用tables布局，可能開始時有點困難，但其實很容易，事實上只是觀念的不同。 你需要把網頁的每個部分看成獨立的塊，你可以絕對或相對定位塊。 Positioning 定位 positon屬性可以指定元素為absolute,relative,static或是fixe- 2.1k
- 0
-
CSS基礎教程:CSS的display屬性
操作HTML元素的訣竅在于明白它們工作的方法在于沒有特定的形式。一些由標簽組成的大部分頁面可以設定任何樣式。瀏覽器默認的樣式里的大部分html元素由字體樣式、margin,padding組成，本質上是顯示類型。 display屬性基本上分為inline,block,和none。 inline- 1.8k
- 0
-
CSS基礎教程: CSS的Background Images 背景圖片
背景圖片BackgroundImages有許多屬性可以操作。 幸運的是，可以使用background處理所有： body{ background:whiteurl(http://img.sj33.cn/allimg/200803/20080309225852658.gif)no-repeattopright; } 上面合并了下面屬性： background-color出現在前面。 back- 2k
- 0
-
CSS基礎教程: CSS的屬性縮寫
一些CSS屬性允許使用一串值代替許多屬性，值使用空格分開。 margin,pdding和border-width允許合并margin-top-width,margin-right-width,margin-bottom-width等等，形式像這樣：property:toprightbottomleft;逆時針順序。 所以下面的： p{ border-top-width:1- 1.5k
- 0
-
CSS基礎教程:CSS的Pseudo Classes 偽類
請你注意一些CSS偽類屬性不被所有瀏覽器支持，但有四個偽類可以安全使用在鏈接上 偽類像是指定選擇器狀態或關聯選擇器的門閂。它們的形式如：selector:pseudoclass{property:value;}，在選擇器和偽屬性之間使用冒號。 link沒有點擊過的鏈接 visited以點擊過- 1.4k
- 0
-
CSS基礎教程: CSS的分組(Grouping)和嵌套(Nesting)
Grouping 分組 當許多選擇器有同樣屬性時，可以使用逗號組合它們。 例子： h2 { color: red; } .thisOtherClass { color: red; } .yetAnotherClass { color: red; } 上面的可以寫成這樣： h2, .thisOtherClass, .yetAnotherClass { color: red; } Nesting 嵌- 2.3k
- 0
-
CSS基礎教程:Class以及ID選擇器
前面的學習我們僅僅使用HTML選擇器（在HTML頁面里為html標簽，如 P） 現在我們學習使用clss和id定義屬于自己的選擇器。 這樣，同樣的html元素可以通過class或ID使用不同的表現。 在CSS里，使用點號（.）創建class選擇器，使用hash符號（#）創建ID選擇器。 例- 1.8k
- 0
-
CSS基礎教程:CSS屬性結合起來使用
如果你學完HTML初級教程即可學習CSS初級教程，使用CSS處理HTML樣式。 下面的代碼覆蓋了初級教程的所有方面，保存下面的CSS文件并且在瀏覽器里觀看連接的HTML，你可以明白各個CSS屬性的用法。最好的學習方法就是理解作用在HTML上的CSS文件，改變CSSHTML會發生- 1.4k
- 0
-
CSS基礎教程:Borders 邊框
CSSBorders邊框 邊框可以運用到body里的大部分HTML元素。 制作一個元素的邊框，你需要border-style邊框樣式。值可以是：solid,dotted,dashed,double,groove,ridge,insetandoutset，具體樣式大家可以實際下。 border-width設定寬度，通常使用pixels即單位是px- 1.4k
- 0
-
CSS基礎教程:CSS的Text 文本
有一系列屬性可以改變網頁文字的大小和形狀，概要如下： font-family 文字使用的字體，比如宋體，TimesNewRoman，Arial等等 這個屬性必須詳細制定，不能使用偏僻的字體，要使用安全字體（比如arial，verdana和timesnewroman和宋體），可以同時指定許多字體，- 1.5k
- 0
-
CSS基礎教程:CSS的color顏色
css可以處理16,777,216顏色，可以使用名字、rgb值或十六進制代碼。 red紅色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17個預先確定的顏色，它們是： aqua,black,blue,fuchsia,gray,green,lime,maroon,navy, olive,orange,p- 1.4k
- 0
-
CSS 選擇器(Selectors)、屬性(Properties)、值(Values)
HTML有標簽，CSS有選擇器。選擇器是給內部和外部樣式里面的樣式命名。 每個選擇器都有屬性在{}里面，比如簡單點像color,font-weight或background-color。 值在冒號（不是等號）后面，分號分離屬性。 body{ font-size:0.8em; color:navy; } 上面的意思是為bod- 1.5k
- 0
-
CSS基礎教程:CSS的應用
有三種方法應用CSS 一、In-line行內 行內樣式是在html標簽里直接使用style屬性 pstyle="color:red"text/p 設定段落文字紅色。 但要記住，最后的HTML應該是獨立出來，使用表現文檔，所以行內樣式應該在任何地方避免。 二、Internal內部 使用于整個頁面的植入內- 1.1k
- 0
-
CSS教程:可擴展圓角標簽
在制作網頁的時候，很流行使用標簽的方式進行分類顯示， 圓角標簽 具有樣式美觀、表現方式形象的優點，一般我們都會將圓角標簽的背景制作成一張圖片，這樣做的不足之處是如果標簽文字字數變化（如圖1），固定的背景圖片不能隨之進行擴展。這樣我們就需要制作- 1.8k
- 0
-
CSS基礎教程:水平對齊(text-align)
水平對齊（text-align），用以設定元素內文本的水平對齊方式。 1.語法 text-align具體參數如下： 語法：text-align:left|right|center|justify 說明：設定元素內文本的水平對齊方式。 參數：left:左對齊；right:右對齊；center:居中；justify:兩端對齊 初始- 2.1k
- 0
-
CSS基礎教程:CSS中的定位（position）
使用CSS來定位頁面內層的位置，一直是比較難以掌握的事情，很多時候，往往被絕對定位的元素，總是以瀏覽器的左上角為坐標原點，此時，如果瀏覽器的大小改變，被定義的層就會偏離設計想要的位置，讓人很撓頭。 其實，要想控制好層的絕對定位，只要理解CSS中關- 1.4k
- 0
-
CSS基礎教程:盒模型(BOX Model)
如果想熟練掌握P和CSS的布局方法，首先要對盒模型有足夠的了解。每個HTML元素都可以看作一個裝了東西的盒子，盒子里面的內容到盒子的邊框之間的距離即填充（padding），盒子本身有邊框（border），而盒子邊框外和其他盒子之間，還有邊界（margin），如圖1所- 1.3k
- 0
CSS基礎教程
-
￥優惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優惠劵ID：×