CSS 那麼多屬性,而且每個屬性都有多個值怎麼記?

時間 2021-05-08 08:39:23

1樓:Ian Liu

難得是不知道要用那個屬性,CSS的不正交性導致同乙個屬性在不同組合中呈現的效果還不同,再加瀏覽器差異,版本差異,弄在一起就是亂麻。

2樓:水魚

css屬性屬性值確實比較多,其實你不用死記硬背,不知道你這邊是自學還是有老師教,如果有老師教得話會輕鬆些,跟著老師的思路走,課下多練習案例即可,如果是自學,建議制定乙個系統的學習方案,並且根據案例來學習相關屬性,每天制定目標,這樣會效率高點。

3樓:千鋒教育

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的乙個應用)或XML(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。CSS如此好,那麼問題來了CSS如此好而且屬性那麼多,沒個又有多個值該如何記?是乙個比較棘手的問題,下面給大家來說說如何記CSS的屬性和屬性值。

將CSS理解為HTML的化妝師。每天化妝的步驟很繁瑣但是愛美的人還是每天不惜大把時間去一步步化妝,將自己打扮的漂漂亮亮的。

當我們要記CSS的屬性和屬性值的時候我們可以拿其當化妝的步驟來記。比如我們要寫乙個頁面的CSS,第一步要將瀏覽器的預設值都清空,就好比我們化妝之前先要講臉上的灰塵清洗乾淨一樣。那麼瀏覽器的預設值margin和padding不也就可以記住了麼。

將CSS的屬性和屬性值與生活中的東西相結合去記。拿我們生活中的快遞包裹來說,我們經常在網上購買一些東西,那麼我們可以把這些東西看做是我們CSS的盒子模型。

例如,我在網上買了乙個玻璃杯子,那麼這個杯子就好比我們頁面中的內容的寬度和高度,因為杯子自身也是有寬度和高度的。那麼商家在郵寄這個玻璃杯的包裹中為了防止這個玻璃杯中途碰撞碎了,因此商家會在包裹裡新增一些泡沫或者抗震輔料,那麼這個可以看做是我們頁面中的內容和邊界之間的距離,CSS中的padding屬性,這些抗震輔料可以四周填充也可以只填充某乙個方向,因此我們可以設定乙個值、兩個值、三個值、四個值,還可以單獨設定某一方向值。

那麼這個padding不就記住了麼,這些泡沫再怎麼填充也不會跑到盒子的外邊所以他是不能設定負值的,快遞盒子就相當於是我們網頁中的邊框,每天快遞小哥的車上不只有一兩個快遞,那麼每個快遞盒子之間的空隙就是我們網頁的外邊距margin,由於快遞比較多,快遞小哥想多送一些快遞好增加收入,有時候會將某些盒子的某一部分伸到車廂外部,只要保證其不掉出就好了,那麼說明我們的margin是可以設定負值的,如此將其每個屬性及其值都與生活中的事物相結合我們自然也就記住了。

總之,無論怎樣記,這個東西都要經常用才是,不然時間久了早晚你會忘記的,所以沒事多些一下專案勤加練習是很有必要的哦!

4樓:CHENZHIMING

死記硬背何嘗不是一種好方法,像記英語單詞一樣,每天抽點背5到10個,一段時間你基本上都知道所有屬性和屬性值了,不會用就網上查,再和腦海裡的詞庫匹配。寫css就像寫英語作文一樣,一開始乙個乙個的從腦海裡的詞庫找,寫多了就一氣呵成了

5樓:

有個東西叫語法提示,看書時記得幾個就開始動手試,遇到提示你沒見過的繼續試,試著試著就記住了

還有個辦法就是自己分類收集屬性和對應屬性值,然後寫個html頁面,用上各種樣式,再編一些js程式,讓各種屬性可以變屬性值,這就可以三者結合,樂趣無窮

其他無味雞湯我就不說了,我估計接觸這些的人都缺乏動手,所以只說兩個自用的辦法提供參考

6樓:

強記隨用。

也會常查詢第三方的庫和幫助。

有人問:如果沒有聯網怎麼辦?

乙個高手(老手)做久了,歷史作品就是索引。

目前HTML5時代,CSS寫作已經有很多方法,比如盒模型,有不同的實現思路,不一定要強制統一標準的。

7樓:ZhongJacky

這個問題就像英語中有那麼多單詞,然後乙個單詞有那麼多意思怎麼記? (突然想起了大一時買了某紅色單詞書狂啃,但是最終還是把他放到角落裡吃灰而自己的單詞量還是可憐地沒漲。。。),

所以,感覺最重要的還是不要記,用起來吧,多寫樣式,多思考(譬如說這裡換成別的屬性,或者換成別的屬性值可不可以呢?),也許會收穫大一些,一點拙見~

8樓:echizen

這是個很自然的過程,入門時瀏覽一遍,有個印象,知道有屬性可以達到什麼效果,不一定要記住是具體是哪個屬性。

等到要用時再去查詢。chrome有style編輯區有下拉選項,這時可以看看該屬性都有哪些可選值,看看每個的效果,有興趣還可以查一下,再擴充套件一下查下相關的屬性,就這樣,從1個屬性認識到它的親戚朋友10個屬性,知道常用值。

基本乙個屬性自己用過一兩次,就很自然的記住了,剛開始不記得也會從chrome的補全功能中找回記憶

9樓:learnshare

乙個熟練的前端,大部分屬性名和屬性值都是需要記住的。雖然可以借助編輯器的提示,但你得先輸入一兩個字母才行。

CSS 也是基於英語的,其屬性名和大部分屬性值都有其含義。在系統的了解這些知識之後,應該會找到適合自己的記憶方式。舉個例子:border* 屬性。

屬性名有:

border

border-[上右下左] 或 border-[寬度顏色樣式]border-[寬度顏色樣式]-[上右下左][上右下左] 又是乙個常用的方向規則。

Emmit 之類的工具,雖然能夠減少輸入較長單詞的痛苦,但又是另一套需要記住的縮寫語法。

10樓:

想起了CSS領域那個臭名昭著的垂直居中問題。

其實難記的不是單個的CSS屬性,而是多個屬性的組合。CSS每個屬性單獨拎出來都很好理解,難的是多個屬性,多個element之間的相互影響。

舉個例子,某個element的style是:

float

:left

;position

:absolute

;display

:block

;vertical-align

:center

;那它最終的顯示效果到底是啥樣的呢,它對parent element, sibling element到底有啥影響呢,這些對新手來說不太容易搞明白。

我覺得,產生這些不必要複雜性的根本原因,是CSS屬性設計得太不『正交』了。

11樓:

納悶為什麼題主問乙個屬性的多個值不好記。這個一查就知道,不要說不知道怎麼查。

屬性的拼寫也不是問題。font 和 text 這兩個詞的分布規律我也不掌握,但也不難查。

難的是,你可能連存在什麼屬性都不知道,很多功能就實現不了了,或者都不敢設計出來。

又或者,寫 HTML 模板的人拒絕在 TD 裡嵌入別的容器,你知道怎麼控制文字溢位也不能用。

再可能,領導要求相容 IE8 使用者,迫使你將各種選擇器的黑科技一夜退回解放前的弱智版……

所以說呢,什麼多個值不好記,這種問題就像學日文的抱怨五十音背不下來一樣:缺練還不查

12樓:

記住常用的屬性和對應的值,像下邊這些(簡單舉些栗子):

position、display、font、background、border、animation、transform、transition

這些屬性和屬性值的常用寫法需要記住吧(其實多用幾遍就記住了,不用刻意去背)

然後就是多看幾遍手冊對所有屬性的用處有個印象,只要你在想實現一種效果的時候記得「哎?這個好像在手冊裡有說過」

然後就去翻手冊吧,經常用的話多翻幾遍就記住了其他不常用的就讓IDE自動補全幫你吧

-小明如是說:)

13樓:12只貓

我曾經發憤圖強學習html和css那會兒,雖然我英語NB到可以和幼兒園大班小朋友一較高下,但並不妨礙我可以酣暢淋漓的把那些亂七八糟的屬性敲到編輯器裡面;

到了我發憤圖強的學習js那會兒,我css的屬性就忘得差不多了,只記得常用的;

到了我發憤圖強的學習python那會兒,我js也只記得常用的方法了;

到了我發憤圖強的學習node這會兒,我前面的東西都快忘沒了- -!

我覺得程式設計這塊兒,就是用了就記,不用了就忘,啥時候都忘光了,就可以改行了~

14樓:水乙

不用特意去記,把w3cschool上面的例子都過一遍,有個大致印象知道什麼屬性能幹啥,然後多做專案,用到的時候記不清細節的就去查,慢慢積累就記下來了。

15樓:曲濱

css 的總學習量,總比其他語言要小很多;多寫、多練習

1、最快的方法就是給每個樣式都做個例子,每個例子截圖,然後放到乙個資料夾裡面,可以縮圖看見視覺化的記憶比記錄文字要快很多

2、還有些可以編輯樣式表的工具,壓根不用你記憶起碼80%都可以搞定;剩餘的自己修編即可。比如DW、VS 都可以有類似的編輯器。

16樓:繆斯的情人

開始不要依賴於任何帶自動提示的編輯器,虐自己幾次就記住了,其實歸一下類也不難記,比如盒模型的margin,padding,border等,定位的position常用的無非那幾種static,relative,absolute,很多都是表意很明確的了。

熟悉了之後你會發現有些屬性可以不用強制記住,關鍵問題在於你能掌握什麼時候該用什麼樣的屬性定義,記住這些屬性只是很小一方面,合適的運用才是關鍵。這些零碎的東西需要慢慢的總結

17樓:

沒捷徑實在記不住就改行程式設計乙個基本功就是記憶一共才300多個

18樓:張錚錚

所以我才覺得CSS更接近於自然語言,可以借鑑背英語單詞的方法來學CSS,當然我指的是真學,不是應試,單純的死記硬背沒有意義,主要是語義要弄清楚,不能只追求語法的正確。

19樓:robert wang

學用bootstrap

學會之後

看bootstrap原始碼

學會之後

自己寫適合自己的bootstrap

最後用less把上面的都重做一邊。。。。

。。。其實你一開始就上less也行

為什麼人類要揹負那麼多的社會屬性?

小五葉 意義。就好像總有人煩惱為什麼上天要給予Ta絕世的容顏,健美的身材,富有的老爹一樣。貨比貨得扔,人比人得死。以下僅對某些心理承受能力極其差的人。任何凌駕於生命之上的名言警句,都是教唆殺人。 倪達燁 我覺得是這樣,從人類擁有智慧型或者高階智慧型的一刻起,擁有自我意識和自由意志的同時就已經身不由己...

生活中的困難那麼多 有什麼方法可以讓自己每天樂觀起來?

茄子茄子煲 你要知道生活中有困難是必須的,沒有哪個人是不會遇到困難的,困難不可怕,可怕的是心魔,只要心態放好,困難來了就解決,難道老天能把人逼死,加油,努力起來 六十八 每天一睜眼 一想到自己還活在這個世界上,我就覺得超級棒。一想到自己四肢健全,我就超級幸運。一想到自己不聾不瞎,我就超級感恩。一想到...

CAD 為什麼要使用那麼多種字型,而且很多基本上一模一樣?

cad咪俅俅 我覺得並不是這樣,CAD的字型有很多,就像ps裡面的字型一樣,很多看著都差不多,但其實還是有一樣的區別的,各種字型的出現主要是因為人類的藝術審美在不停發生變化 另外有一些實際因素也會影響字型。以西方的字型發展為例。一開始有刻在石碑上的 或者寫在羊皮紙上,有古羅馬建築上那種典雅的大寫風格...