waiting1285608432019-03-17 13:13:24html和css本來就是入門簡單 ，想要熟練使用那可不是短時間就行的。要做大量的練習。
web秀2018-10-29 14:50:34你好，我是“web秀-提供專業的web前端技術知識”。
隨著技術的更新迭代，前端的工作越來越重了，也越來越複雜。
css技術就好比數學問題，可變性太強，這就是難點所在，舉例，你能很清楚1+1=2，但是1+1000-10+1100+123這個問題，你是不是就要好好思考一下？
隨著css3的到來，css就已經不再簡單了，css3動畫，變形，漸變，濾鏡等；
佈局有flex、grid等。就好像數學題，任意的組合都是一種新的題型，變得異常複雜。所以學好基礎知識比較重要，一通百通，基礎知識牢固，看到題型，有自己的想法，解決方法也有很多種，不會侷限。有複雜難搞的css樣式，我們可以透過多種解決方案，比如canvas，svg，實在不行圖片等等。
北京安定醫院精神科室2018-10-29 17:27:28我還是認為前端裡面html和css是比較難的，jq啊vue啊react啊等等也有很多難點，但是你只要花時間花心思都能解決，css和html難就難在它們入門太簡單了，就跟做菜似的，會做魚翅熊掌不算本事，炒個西紅柿雞蛋炒好了才厲害呢，vue react我都用過，也有一些淺嘗即止的，還是感覺佈局最難，就因為佈局有太多種可能性了，同樣的視覺效果我可以浮動可以定位，還有就是常見的雙飛翼和聖盃佈局，感覺html css很簡單，但是太雜，還是要做好筆記，遇見問題就多總結吧
老湯前端2018-08-21 12:30:31都說前端開發入門簡單，但是對很多純小白來說，並不簡單，一個CSS盒模型都會被折騰的半死，總之要理解透徹需要時間……
小慌吖2018-02-28 23:12:50首先你要靜下心來學，做做筆記，先把css所有屬性都認識清楚了，然後搞一個設計稿，來佈局，這樣就會用到ps切題，html佈局，css控制樣式了，最基本的東西就這樣練習個把兩個頁面就可以學會了。在以後工作當中，你會遇到何種相容性問題，那個時候可以問問同事或者百度了！祝你學習愉快，
明天再取個好名字02019-03-17 11:49:42你好呀！不請自來。我今年大一，一個月前的寒假自學了css，我就將我的一點經驗分享給你吧
一開始只是一昧的看書學習，結果發現看過是看懂了，上機打不出幾句程式碼，因為記不住。那時候我也很煩，因為大家都說css只是一門簡單的語言。後來，我思考了半天，然後我採取了另一種方式學習。
因為之前的學習，部分知識點已經有所瞭解，於是
我直接上菜鳥教程，把裡面的css參考手冊的內容一句一句記在筆記本里，每記幾句就上機打一次
，漸漸的，隨著筆記本上的內容的增加，對css得各種樣式逐漸熟悉了。不過這還不夠，因為
學習css 佈局才是最重要的
，所以我在這之後去了B戰搜尋css影片，跳著看過去，後面就開始會自己佈局了，之後用兩天半寫了兩個完整的靜態頁面，後面又在B戰學習了js，又給這兩個頁面加了動態效果。希望我的經驗能對你有所幫助，祝你好運！
程式設計師師兄2020-07-22 14:03:25CSS難學是因為css的很多屬性互不正交，大量依賴和耦合，而且css的很多規則，貫穿整體，而且有相應的規範，學習css應該先好好看下規範，不是無腦亂試。
不正交主要表現在兩點：
各屬性之間互相影響
各元素之間互相影響
CSS 一開始設計出來的時候並沒有想到大家會這麼依賴 CSS，所以設計的時候想得特別簡單：你要什麼功能我就加什麼屬性。
你要顏色，就有 color： red； background-color： red；
你要圖文混排，就有 float： left
你要絕對定位，就有 position： absolute
你要什麼功能我就加什麼屬性，這也就是CSS不正交，或者說屬性和元素自相矛盾的根源
樹袋熊20152019-03-17 21:29:56看影片，跟著邊學邊練效果最好，不想記住都難
貓黍說2017-11-20 19:43:08我覺得這是最簡單的語言了吧，我當時兩週就學會了，你最好去看影片學習，下載一些教學影片。要麼有人手把手教也行。
Div+css是我認為電腦語言中最簡單的了。反正我c語言更難～其他的就更不用說了。
丁町1489647942018-10-29 23:51:07CSS還難？
井1512766072020-07-23 06:08:39如果CSS規範化、正交化了，WEB設計就失去了藝術性。
藝術跟本就不是一次努力就可以學到手的東西。藝術作品的成功依賴隨機性。
動漫解說醬2018-11-21 08:42:13h5+ css是入門的基礎，熟練掌握js和js框架-jQuery以後的知識才是重點，css3的確很多選擇器，讓人眼花繚亂，但這是入門呀，兄弟，好好學基礎才對
千鋒長沙2019-03-06 18:01:07自學web前端技術，如果才能找到一份web前端的工作。按照現在的招聘標準來看，無論你去哪個公司面試，你只需要滿足他們公司的需求就可以。找到一份web前端工作需要掌握的內容如下：
首先是html，css這些簡單的靜態佈局這是最基本的學習內容，不在多說。然後是掌握Java的基本原理，因為做web前端開發，用到Java非常多，但是現在很多公司是不用去寫原生的Java，但是如果你想成為一個厲害的web前端工作者，Java必須從理論到實際操作中都要非常得心應手。
現在公司是必須要求會用框架的，所以取代Java的就是jQuery，這是一個非常簡易的框架，學jQuery的時候你就會覺得它比Java好用的多。所以jQuery是你必須掌握的。還有必須學一些框架，比如VUE、angular、react等等，這些就會難理解一些，但是公司是需要要求你會框架的，目前國內的公司應用VUE比較多，建議至少學兩個框架，這是找到的基本需求。
Ajax技術是web前端工作者必須掌握的技能。還有html5、css3、canvas、svg等技術，這些都是現在找web前端必須掌握的東西。下面來給大家講講css相關知識：
學習目標
· 1、css屬性和屬性值的定義
· 2、css文字屬性
· 3、css列表屬性
· 4、css背景屬性
· 5、css邊框屬性
· 6、css浮動屬性
一、css屬性和屬性值的定義
屬性：屬性是指定選擇符所具有的屬性，它是css的核心，css2共有150多個屬性
屬性值：屬性值包括法定屬性值及常見的數值加單位，如25px，或顏色值等。
二、CSS文字屬性
1、文字大小：{font-size：12px；}單位還可以是em，是父級元素的font-size的倍數；/系統預設的字號大小為16px
說明：
1） 屬性值為數值型時，必須給屬性值加單位，屬性值為0時除外。
2）單位還可以是pt，9pt=12px；
3）為了減小系統間的字型顯示差異，IE Netscape Mozilla的瀏覽器製作商於1999年召開會議，共同確定16px/ppi為標準字型大小預設值，即1em。預設情況下，1em=16px，0。75em=12px； rem
2、文字字型：{font-family：字型1，字型2，字型3；}
說明：
瀏覽器首先會尋找字型1、如存在就使用改字型來顯示內容，如在字型1不存在的情況下，則會尋找字型2，如字型2也不存在，按字型3顯示內容，如果字型3 也不存在；則按系統預設字型顯示；
當字型是中文字型時，需加雙引號；
當英文字型由多個單片語成時，需加雙引號如（“Times New Roman”）
當英文字型只有一個單片語成是不加雙引號；如：（Arial）；
Windows中文版本作業系統下，中文預設字型為宋體或者新宋體，英文字型預設為Arial。
3、文字顏色：{color：顏色值；}red/#f00/rgb（255，0，0）
說明：
用十六進位制（是計算機中資料的一種表示方法）表示顏色值：
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9 A B C D E F
顏色模式：光色模式
R G B
FF 00 00
顏色值的縮寫：
當表示三原色的三組數字同時相同時，可以縮寫為三位；
當用十六進位制表示顏色值時，需要在顏色值前加“#”
# fa 00 00
RGB表示方式：color：rgb（255，0，0）；
4、文字加粗font-weight：bolder（更粗的）/bold（加粗）/normal（常規）/100—900；
說明：
在css規範中，把字型的粗細分為9個等級，分別為100——900，其中100對應最輕的字型變形，而900對應最重的字型變形，
5、文字傾斜：font-style：italic/oblique/normal（取消傾斜，常規顯示）；
說明：
italic和oblique都是傾斜的文字， 但區別在於Italic是指斜體字，而Oblique是傾斜的文字，對於沒有斜體的字型應該使用Oblique屬性值來實現傾斜的文字效果。
6、水平對齊方式{text-align：left左/right右/center居中/justify兩端對齊（在部分瀏覽器中，對於中文不起作用）；} 只針對文字或圖片
7、垂直對齊方式 {vertical-align：top上/bottom下/middle居中/baseline基線（某些特定的元素型別起作用）；}
8、文字行高 {line-height：normal/value；}line-height：20px； line-height：2em； （當行高的單位省略時，預設為em）
說明：
當單行文字的行高等於容器高時，可實現單行文字在容器中垂直方向居中對齊；
當單行文字的行高小於容器高時，可實現單行文字在容器中垂直中齊以上；
當單行文字的行高大於容器高時，可實現單行文字在容器中垂直中齊以下（IE6及以下版本存在瀏覽器相容問題）
9、文字修飾 text-decoration：none/underline/overline/line-through
說明：
none：沒有修飾
underline：新增下劃線
overline：新增上劃線
line-through：新增刪除線
10、首行縮排：{text-indent：value；}
說明：
1）text-indent可以取負值；
2）text-indent屬性只對第一行起作用。
11、檢索英文字母大小寫{text-transform：none無轉換/capitalize首字母大寫/uppercase全都大寫/lowercase全都小寫；}。
12、字間距{letter-spacing：value；}控制英文字母或漢字的字距。
13、詞間距{word-spacing：value；}控制英文單詞詞距。
擴充套件：14、文字流控制{layout-flow：horizontal/vertical-ideographic；}
說明：
1）horizontal：自左向右
2）vertical-ideographic：自上而下
15、文字屬性簡寫：font：bolder italic 12px/1。5em “宋體”； 簡寫時，字型和字號是必備font屬性的簡寫：字號，行高，字型 說明：font的屬性值應按以下次序書寫（各個屬性之間用空格隔開） 順序： font-style font-weight font-size / line-height font-family
（1）簡寫時 ， font-size和line-height只能透過斜槓/組成一個值，不能分開寫。
（2） 這種簡寫法只有在同時指定font-size和font-family屬性時才一起作用，如果你沒有設定font-weight ， font-style ， 他們會使用預設值。
三、CSS列表屬性
1、定義列表符號樣式
list-style-type：disc（實心圓）/circle（空心圓）/square（實心方塊）/none（去掉列表符號）；
2、使用圖片作為列表符號
list-style-image：url（所使用圖片的路徑及全稱）；
3、定義列表符號的位置
list-style-position：outside（外邊）/inside（裡邊）；
list-style：none；去掉列表符號
四、邊框的屬性和屬性值
border：邊框寬度 邊框風格 邊框顏色；
例如：border：5px solid #ff0000
邊框寬度：border-width：
邊框顏色：border-color：
邊框樣式：border-style：solid（實線）/dashed（虛線）dotted（點劃線）double（雙線）none（去掉邊框）；
可單獨設定一方向邊框，
border-bottom：邊框寬度 邊框風格 邊框顏色； 底邊框
border-left：邊框寬度 邊框風格 邊框顏色； 左邊框
border-right：邊框寬度 邊框風格 邊框顏色； 右邊框
border-top：邊框寬度 邊框風格 邊框顏色； 上邊框
五、CSS背景屬性
1、背景顏色 {background-color：顏色值；}
2、背景圖片的設定 background-image：url（背景圖片的路徑及全稱）；
3、背景圖片平鋪屬{background-repeat：no-repeat不平鋪/repeat平鋪/repeat-x X軸平鋪/repeat-y Y軸平鋪 }
4、背景圖的位置{background-position：left/center/right/數值 top/center/bottom/數值；}
水平方向上的對齊方式（left/center/right）或值
垂直方向上的對齊方式（top/center/bottom）或值
background-position：值1 值2；
兩個值 ：第一個值表示水平位置的值，第二個值：表示垂直的位置。
當兩個值都是center的時候寫一個值就可以代表的是水平位置和垂直位置 ；
當元素小背景圖大的時候，想顯示右下方的背景圖，透過負值來調整背景圖的位置；
5、背景圖的固定{background-attachment：fixed固定/scroll滾動；}
fixed 固定，不隨內容一塊滾動，根據可視視窗固定位置；
scroll：隨內容一塊滾動。
網頁上常用的圖片格式
1）jpg ：有失真壓縮格式，靠損失圖片本身的質量來減小圖片的體積，適用於顏色豐富的影象；（畫素點組成的，畫素點越多會越清晰 ）
2）gif：無失真壓縮格式，支援透明，支援動畫，適用於顏色數量較少的影象；
3）png：無失真壓縮格式，支援透明，不支援動畫，（是fireworks的 原始檔格式），適用於顏色數量較少的影象；
六、CSS浮動屬性
語法：float：none/left/right；
浮動的目的：就是讓豎著的元素橫著顯示
一個元素設定float：left/right；時，元素會脫離文件流（半脫離），不佔空間；
有三個取值：
left：元素向左浮動
right：元素向右浮動
none：預設值，不浮動。
清除浮動可以理解為打破橫向排列。
清除浮動的屬性是clear，語法：
clear ： none | left | right | both
none：預設值。允許兩邊都可以有浮動物件
left：清除左浮動/不允許左邊有浮動物件
right ： 清除右浮動/不允許右邊有浮動物件
both ： 清除兩端浮動/不允許有浮動物件
有一點是要記住的那就是
對於CSS的清除浮動（clear），一定要牢記：這個規則只能影響使用清除的元素本身，不能影響其他元素
朱弟教你玩科技2019-03-17 03:35:37因為css就是用程式碼做設計和用ps做設計的區別
白言哈2019-02-18 18:42:21我感覺不是很難、主要就是一些背一些單詞 多練多打 到後面你會發現這是個最簡單的語言了
小鳥慢慢飛2018-10-29 19:03:23除了要記住大堆的屬性，還有什麼難的？
Drqf2019-01-04 19:36:57二話不說先找本css手冊背下來，以後受益無窮