Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
tml5教程中的CSS對于大部分人來說都是非常簡單的,也是人們常說能快速學會的,但為什么總有人會覺得CSS很難學呢?
很多Html5教程視頻會說幾小時學會CSS,但里面確是幾個常用的屬性,一旦深入去學,會發現其實自己什么都不懂,而一般說好學的人可能也并沒有跳出常用的屬性。
所以我們想要學習CSS可以通過什么方式呢?最常見的就是看書和瀏覽社區文章。
但不是說咱們把東西瀏覽一遍就算了,看完了還是不會,我們需要做的第一點就是基礎CSS的數據類型。想要學習更多的CSS屬性,不妨從數據類型開始,你會發現每次學習都會有新思路。
在記住了CSS的數據類型之后,我們需要讀懂CSS的語法。一般來說初學者或者只是想找一下某個CSS屬性的用法,采取最多的方式就是百度。
但如果有了解過clip-path這個屬性,百度在手,天下我有的氣勢瞬間蕩然無存。當然對于大部分從業者來說,好像有一些屬性一輩子都不會用到,只要掌握常用的就可以了。
但IT行業發展是非常迅速的,誰也說不準常用的屬性是否會繼續常用,不常用的屬性是否依舊待在冷宮,而且每個CSS大佬之所以是大佬也是因為他們不斷學習,動手實踐。
不斷的失敗,嘗試,再失敗,再嘗試才會有今日的輝煌。Html5教程中的CSS或許是難學的,但再難學也是人創造的,也是可以由人攻破。
了解更多
SS層疊樣式表
其實CSS并不難學。最主要的是要掌握方法。
就個人經驗而言,學習任何一門專業知識都是有一定步驟的:
首先,你需要了解該專業知識的一般概念、用途、用法,甚至也要了解一下其歷史沿革。比如CSS的概念是層疊樣式表,英文是“Cascading Style Sheets”,用于給網頁添加樣式,類似于給房屋粉刷墻壁、鋪地磚、打吊頂。等等……
其次,你需要對該專業知識的各詳細參數屬性有大概的了解,知道各屬性是用來做什么的。比如CSS中的選擇器有哪幾種,在何種情況下使用,CSS對文本的樣式有哪些控制屬性,對盒子模型又有哪些控制屬性等等……我在剛開始了解這些屬性的時候,是邊理解邊在腦中想象其在網頁中呈現的樣子的,這樣記憶這些屬性和參數就會更形象而且牢固。
然后,你就可以找一臺配置不用很好的電腦,來動手實踐一下,寫一些樣式,來感知一下CSS的效果,以及印證之前學習中對CSS中各屬性呈現樣子的想象了。
在平時可以多看看網上別人寫得樣式,在瀏覽網頁時,可以按F12查看頁面中各控件的CSS代碼,不斷加深對代碼的熟悉感。
最后就是不斷實踐,多練習。不出一年,甚至更短時間,你就會成為CSS中等水平的Front-End-Engineer了
我最近在編寫《精通CSS》系列文章,趕緊去看看:
CSS屬性值函數(1)概述及語法
CSS屬性值函數(2)calc()數值計算
CSS屬性值函數(3)clamp()限值函數
CSS屬性值函數(4)極值函數min()、max()
未完待續……
加油吧……
SS并不比其他編程語言更困難,說這個話大概是因為沒有接觸到真正困難的地方。因為大部分程序員做的都是最基礎最簡單的工作。
編程有兩類不同的工作:一類是機械性的,把比較清晰的行為邏輯翻譯成代碼;另一類是創造性的,給你的信息是不足的,需要發揮創造力,補上不足的部分,完成整個項目。它可以包含難易程度各自不同的很多內容:
1. 根據接口設計算法
2. 根據功能設計相配合的接口和數據結構
3. 設計容納現有功能及未來擴展的軟件框架
4. 設計能達到預定目標、滿足用戶需求同時開發成本最小的的功能
創造性的工作天生是困難的,許多程序員最多只接觸過1到2,甚至很多只是翻譯一下業務邏輯,自然會以為編程就是比較簡單,那是因為水平不夠,復雜的工作都讓別人替自己做了。即便是許多所謂架構師、產品經理,他們做3和4做的怎樣,你們心里恐怕也有數。
說回CSS。如果說你寫CSS的時候得到的信息跟寫業務邏輯一樣清楚,比如說:整個頁面有三個框,采用浮動布局,左邊和右邊固定200px,最小高度是100vh,內容是中間框的子節點,padding是10px……那你也會覺得寫CSS很容易,就是翻譯一下嘛。問題在于寫CSS的時候給的并不是這種清晰的描述,而是只有整個東西長什么樣,至于具體每個元素如何排布、使用怎樣的布局方式、如何設計選擇器,都是需要自己精心設計的,自然就顯得難了。
為什么整個東西長什么樣不能直接翻譯成CSS呢?很多人以為CSS是給DOM元素設置屬性(attribute),其實CSS規定的并不是屬性,而是行為(behavior),DOM里的每個元素都可以看成是一個獨立的物體,按照CSS規定的方式運動,最后穩定下來的結果就是最終布局的結果。所以高票答案說CSS不正交,它當然不是正交的,因為它的設計就是要求協變,要求在其他元素做出調整的時候,即便本元素的樣式沒有發生任何變化,也可以跟著調整位置和大小,以適應新的內容,維持設計風格。
為什么CSS要設計成基于選擇器和多種各異的behavior,而不像其他框架那樣直接將顯示樣式綁定到每個元素呢?恰恰是因為正交性,因為CSS和DOM是正交的,這樣DOM內容變化時,CSS可以規定一組不變的特性,從而以靈活的方式適應內容的改變。傳統的GUI通常每個元素都有固定的位置和大小,要實現根據內容動態調整,就必須針對各種情況(如視口大小改變,內容改變)專門編寫代碼;WPF則有網格、流式、絕對三種不同的定位方式,與CSS有不少共同點,但是自適應的功能少了不少,也沒有選擇器的功能,這樣動態生成的內容就需要更多的代碼來調整。而CSS只要將DOM組織成特定的格式,就會自動啟用相應的樣式。WPF制作的界面畢竟變化比較少,大部分元素仍然是固定的,而網頁通常要求更高的靈活性。
我已經編程一年多了,先后學過Python Java ,寫過爬蟲若干、用Django寫過網站一兩個(套模板),拿pygame 也寫過游戲,喜歡刷leetcode …總體來說我覺得編程是一件很有趣的事情。
然而上個月開始系統學習HTML CSS JavaScript…都說HTML CSS 特別容易,可我學了兩三個星期了,模仿個京東網站的靜態頁面還是感覺很難,尤其是布局這塊。我是跟著w3school上學的,每個標簽,每個屬性可以說我都看的很仔細,但每次一到自己從零開始做一個頁面的時候,我就會完全不知道從哪兒下手,一個下午下來一半都寫不出來…我總結出來覺得難的原因如下:
很多時間都花在debug 上了,比如在CSS選擇器中,div前面多加了一個點,然而瀏覽器完全允許這種行為啊,導致每次出錯我都得扒著屏幕一塊一塊看哪兒錯了,。寫個代碼讓我有種吃屎一樣的難受…
前有IE 6的不兼容,后有CSS 3大量屬性的補充。讓我感覺內容特別細、雜、多。
相反我倒覺得JavaScript 能學下去,畢竟是編程語言,以前接觸的比較多,理解起來不難。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。