html文字效果由css樣式屬性控制，css層疊樣式表不是唯一但有優先順序的。
第一優先級：無條件優先的屬性只需要在屬性后面使用！important。它會覆蓋頁面內任何位置定義的元素樣式。
第二優先級：在html中給元素標簽加style，即內聯樣式。
第三優先級：由一個或多個id選擇器來定義。例如，#id{margin:0;}會覆蓋.classname{margin:3pxl}
第四優先級：由一個或多個類選擇器、屬性選擇器、偽類選擇器定義。如.classname{margin:3px}會覆蓋div{margin:6px;}
第五優先級：由一個或多個類型選擇器定義。如div{marigin:6px;}覆蓋*{margin:10px；}
第六優先級：通配選擇器，如*{marigin:6px;}
還有一種是js腳本監聽強制控制，這里修改需要找到監聽事件進行修改。
visited 偽類向已訪問的鏈接添加特殊的樣式； 激活的、已訪問的、未訪問的或者當有鼠標懸停在其上的鏈接，它們會在支持 CSS 的瀏覽器中以不同的方式顯示出來； 規定鏈接的顏色，實例如下： a:link {color: #FF0000} /* 未訪問的鏈接 */ a:visited {color: #00FF00} /* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 當有鼠標懸停在鏈接上 */ a:active {color: #0000FF} /* 被選擇的鏈接 */
一個優秀的Web前端開發工程師要在知識體系上既要有廣度和深度！應該具備快速學習能力。
前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
首先要學習div與css，這是最基本的，會這兩個就能寫靜態網頁了。入了門之后再去學習js與JQuery，這是實現一些特效的。還有現在火熱的H5與CSS3。最后要學習一些后臺，后臺語言要掌握一門，比如php。還有mysql數據庫、cms后臺管理系統也要了解一下。這些做前端都是要知道的。
“君子生非異也，善假于物也”，在學習的過程中還要多瀏覽一些優秀的網站，善于分析借鑒其設計思路和布局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用。
每個人的成長與基礎不一樣，結合自己的實際情況，在執行。還是重復一下，前端的核心是js，css不難，但需要來積累。對前端我是這么看的。
基本語法
規則
選擇符
任何HTML元素都可以是一個CSS1的選擇符。選擇符僅僅是指向特別樣式的元素。例如，
P { text-indent: 3em }
當中的選擇符是P。
類選擇符
單一個選擇符能有不同的CLASS(類)，因而允許同一元素有不同樣式。例如，一個網頁制作者也許希望視其語言而定，用不同的顏色顯示代碼 :
code.html { color: #191970 }
code.css { color: #4b0082 }
以上的例子建立了兩個類，CSS和html，供HTML的CODE元素使用。CLASS屬性是用于在HTML中以指明元素的類，例如，
<P CLASS=warning>每個選擇符只允許有一個類。
例如，code.html.proprietary是無效的。</p>
類的聲明也可以無須相關的元素:
.note { font-size: small }
在這個例子，名為note的類可以被用于任何元素。
一個良好的習慣是在命名類的時候，根據它們的功能而不是根據它們的外觀。上述例子中的note類也可以命名為small，但如果網頁制作者決定改變這個類的樣式，使得它不再是小字體的話，那么這個名字就變得毫無意義了。
ID 選擇符
ID 選擇符個別地定義每個元素的成分。這種選擇符應該盡量少用，因為他具有一定的局限。一個ID選擇符的指定要有指示符"#"在名字前面。例如，ID選擇符可以指定如下:
#svp94O { text-indent: 3em }
這點可以參考HTML中的ID屬性:
<P ID=svp94O>文本縮進3em</P>
關聯選擇符
關聯選擇符只不過是一個用空格隔開的兩個或更多的單一選擇符組成的字符串。這些選擇符可以指定一般屬性，而且因為層疊順序的規則，它們的優先權比單一的選擇符大。例如， 以下的上下文選擇符
P EM { background: yellow }
是P EM。這個值表示段落中的強調文本會是黃色背景；而標題的強調文本則不受影響。
聲明
屬性
一個屬性被指定到選擇符是為了使用它的樣式。屬性的例子包括顏色、邊界和字體。
值
聲明的值是一個屬性接受的指定。例如，屬性顏色能接受值red。
組合
為了減少樣式表的重復聲明，組合的選擇符聲明是允許的。例如，文檔中所有的標題可以通過組合給出相同的聲明:
H1, H2, H3, H4, H5, H6 {
color: red;
font-family: sans-serif }
繼承
實際上，所有在選擇符中嵌套的選擇符都會繼承外層選擇符指定的屬性值，除非另外更改。例如，一個BODY定義了的顏色>值也會應用到段落的文本中。
有些情況是內部選擇符不繼承周圍的選擇符的值，但理論上這些都是特殊的。例如，上邊界屬性是不會繼承的；直覺上，一個段落不會有同文檔BODY一樣的上邊界值。
注解
樣式表里面的注解使用C語言編程中一樣的約定方法去指定。CSS1注解的例子如以下格式:
/* COMMENTS CANNOT BE NESTED */
偽類和偽元素
偽類和偽元素是特殊的類和元素，能自動地被支持CSS的瀏覽器所識別。偽類區別開不同種類的元素(例如，visited links(已訪問的連接)和active links(可激活連接)描述了兩個定位錨(anchors)的類型)。偽元素指元素的一部分，例如段落的第一個字母。
偽類或偽元素規則的形式如
選擇符:偽類 { 屬性: 值 }
或
選擇符:偽元素 { 屬性: 值 }
偽類和偽元素不應用HTML的CLASS屬性來指定。一般的類可以與偽類和偽元素一起使用，如下:
選擇符.類: 偽類 { 屬性: 值 }
或
選擇符.類: 偽元素 { 屬性: 值 }
定位錨偽類
偽類可以指定A元素以不同的方式顯示連接(links)、已訪問連接(visited links)和可激活連接(active links)。定位錨元素可給出偽類link、visited或active。一個已訪問連接可以定義為不同顏色的顯示，甚至不同字體大小和風格。
一個有趣的效果是使當前(或“可激活”)連接以不同顏色、更大的字體顯示。然后，當網頁的已訪問連接被重選時，又以不同顏色、更小字體顯示。這個樣式表的示例如下:
A:link { color: red }
A:active { color: blue; font-size: 125% }
A:visited { color: green; font-size: 85% }
首行偽元素
通常在報紙上的文章，例如Wall Street Journal中的，文本的首行都會以粗印體而且全部大寫地展示。CSS1包括了這個功能，將其作為一個偽元素。首行偽元素可以用于任何塊級元素(例如P、H1等等)。以下是一個首行偽元素的例子:
P:first-line {
font-variant: small-caps;
font-weight: bold }