2017-05-19 74 views
-4

我在HTML和CSS中創建了許多簡單的網頁,並理解了所有基本概念(頁面結構,級聯的性質等)。如何在w3.css框架中設置鏈接樣式?

我第一次使用W3.CSS響應框架。

就像一個例子,我對默認的鏈接風格不滿意。我寧願它被着色,也許是不同的字體重量,而不是強調。

我可以想到這可能發生的兩種方式。我想知道在這些方式之間進行選擇時可能會出現什麼樣的考慮。 (1)如果鏈接樣式類出現在框架中,我可以將它們添加到我的鏈接中。

(2)我附上我自己的樣式表。這將是我第一次添加樣式表覆蓋框架,所以我需要考慮什麼來確保我不會影響框架其他部分的功能?

回答

-1

停止在那裏...直到你對HTML和CSS有一個堅實的理解之前不要使用框架。 - 特別是不要使用w3schools.com製作的東西。

https://developer.mozilla.org/en-US/docs/Web/HTML
https://developer.mozilla.org/en-US/docs/Web/CSS

<!doctype html><!-- declare the type of document (html) --> 
<html> 
    <head> 
    <!-- document setup stuff --> 
    <title>Example page</title> 
    <link rel='stylesheet' type='text/css' href='framework-stylesheet.css' /> 
    <link rel='stylesheet' type='text/css' href='my-stylesheet.css' /> 

    <!-- you can put styles in the document... which I'll do for example - but you should most likely put them in an external file as linked to above --> 
    <style> 
     a { 
     text-decoration: none; 
     color: lightgreen; 
     } 

     a { /* your're additions and overrides... */ 
     color: 'im unique'; 
     } 
    </style> 
    </head> 

    <body> 
    <!-- content --> 
    <a href='#'>example link</a> 
    </body> 
</html> 
+0

我低估了我的經驗;我編輯了這個問題。這是關於在使用框架時可能需要考慮的問題 - 在進行簡單頁面時(例如您呈現)不存在的問題。 – composerMike

+0

如果你瞭解級聯樣式表 - 那麼你可以包括任何「CSS規則集」(「框架」)和後...添加/覆蓋任何你需要做的... – sheriffderek

+0

我是一個總白癡甚至試着回答這個問題 - 但事實是,我的時間只有一個downvote獎勵是熱鬧的。 – sheriffderek

1

在定製框架,W3.CSS,引導,基金會或任何其他大多數開發者附上自己的樣式表,並覆蓋他們想修改默認的框架樣式。

一般來說,這是要走的路,因爲您在更新框架時不會放鬆自定義。

正如您所指出的,有時鏈接樣式類可能是一個選項,如果它們是,那麼使用它們將是有意義的。你可能會發現,雖然造型班是有限的,不要讓你做你需要的一切。

什麼,我需要考慮,以確保我不會打亂框架的其他部分的功能 ?

只要你有一些CSS的經驗,你會清楚哪些樣式規則,你可以很容易地改變,你需要注意。

祝你好運!