A. Web前端分為哪幾個大方向，工資待遇如何，辛苦嗎
沒猜錯的話，你是印刷工程專業，電子出版方向的吧？因為我就是。前端只是程序員的一種，而且通常是一種地位比較低的那種。所以沒什麼分，把html css js學通了，然後來活就能幹就好。但是記住，前端也是程序員的一種，所以工作中要努力培養自己的計算機素養，比如拋開語言來說，平時寫的就是程序，計算機語言的一種，真正理解程序，計算機語言，才能往高階前端走。Web前端就是一個細分的方向，還分什麼大方向？不過從知識結構上主要分為HTML、CSS、JS三個大方向。工資和辛苦的話應該成正比吧！
B. Web前端核心技術及工資待遇揭秘
今天來和大家講講Web前端開發需要學習什麼?前端工程師在企業中是干什麼的?前端開發需要用到哪些開發工具?也簡單的和大家介紹下前端開發的前景和薪水工資情況。
Web前端的職能
Web前端工程師其實在不同的公司，有不同的職能，但是稱呼都是類似的。
1.做網站設計、網頁界面開發
2.做網頁界面開發
3.做網頁界面開發、前台數據綁定和前台邏輯的處理(我是屬於這種的)
4.設計、開發、數據
Web前端的核心技術
Web前端開發需要掌握的技術
1.學習html。這個是最簡單的，也是最基礎的。要熟練掌握div、formtable、ulli
、p、span、font這些標簽，這些都是最常用的，特別是div和table,div用於布局、table也可以用於布局，但是不靈活，基本table是用來和數據打交道。
2.學習css。這里說的css不包括css3，一般我們看到web前端開發工程師的要求裡面，有一個會使用css+html或者
css+div來進行界面布局，所以css是用於輔助html來布局和展示的，我們稱之為css樣式。為什麼會說css+div呢?因為我上面說了div就是html主要用於布局的東西，所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好。css要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局有關系的樣式，一點要掌握。
3.
學習js。可能前兩個大家覺得還過的去，看到js就蛋疼了，其實吧，js入門很簡單的，不需要會很多東西的，只要會根據某個id、或者name拿到網頁dom或者樣式或者值，然後會給某個id或者name的元素標簽賦值、或者追加數據、追html，這個是跟數據有關系的操作，然後數據邏輯判斷，效果方面的，無非就是跳轉、彈框、隱藏什麼的，把這些全部結合其他就是實際用途了，代碼一點都不難，會了這些基礎js，其他的直接網路就好了。然後看多了，用多了，就什麼都不是問題了。
4.
學習jquery。jquery是相當於把js封裝了一套的一個js插件，目的就是操作起來更方便，代碼寫的更少，jquery入門也很簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。
5.最好會點後台語言，比如Python、php，為什麼呢?因為我們前台界面的數據都是從後台來的，如果會點後台代碼，就知道怎麼跟後台交互數據是最好的，這樣節約時間，也可以讓前端代碼更規范。不然可能因為你的寫法和後端給來的數據不能結合上，那麼前端代碼又得重新寫，那就更蛋疼了。
6.學習css3+html5，為什麼這個放最後呢?哈哈，因為我自己也不太會，畢竟術業有專攻嘛，雖然這個很流行，但是我是搞後端的，在工作中用不到它，只有在自己網站需要改樣式，或者朋友網站樣式出問題的時候，我才會去臨時去研究下。但是如果你們是准備專門搞前端，那麼最好還是學一下的。
必備開發工具
Web前端開發需要用到的工具
最常用的就是dreamweaver，推薦大家使用dreamweaver
cs6，cs6之前的貌似問題挺多的，cs6目前是功能最強大，問題最少的了，dw有一個比較方便的就是可視化編程，可以邊看效果邊敲代碼，還有自動提示代碼的功能。
還有就是ediplus，這個其實就相當於一個字體有顏色的記事本，我就是用這個，因為我感覺dw佔用內存太多了，搞的電腦卡，所以我直接用ediplus寫代碼，至於這個有沒有代碼自動提示功能我就不知道了，大家可以網路下是否有相關插件。
還有就是eclipse可以寫java、php還有上面的各種代碼!ZendStudio
是專門寫php的，但是上面這2種工具比較專業，是我們專業開發人員用的，所以大家自己看著辦，Photoshop這個就不用說了。
Web前端薪資待遇
Web前端開發的薪水工資
這個是個敏感的話題，我是在上海這邊，2年工作經驗的web前端開發工資差不多10K~15K，如果你會些後台技術，並且前端技術很牛逼的話，到20K也是可能的。這個工資的多少主要取決於你的技術情況，所以工資也不一定的。
但是北上廣的一個web前端工程師的市場價差不多就是這樣，如果是二線省會城市，可能就是8K~10K，也是不錯的。我們搞技術這個行業，工資的多少取決於你技術的好壞。
C. 前端加班嚴重嗎 m.css
坊間傳聞，web前端工程師加班是家常便飯，而且經常有猝死的新聞，這就讓大家覺得，WEB前端加班，是很嚴重的。
在這里，很負責任的告訴大家，WEB前端的工作量，其實是不大的，加班與否，看你自己的能力，以及工作效率。經常加班的WEB前端工程師，一來是工作效率不高，而來就有可能是，在有加班文化的公司工作。
一般而言，WEB前端，加班是不嚴重的。而且個人所認知的WEB前端領域里，目前為止，並未聽說過有WEB前端工程師因為加班太多而猝死。。。
D. web前端開發需要天天加班熬夜嗎
隨著成都web前端開發的火熱發展，越來越多的人開始學習web前端開發。但是這裡面有一個誤區，那就是大多數人認為只有男生才適合學習web前端開發。其實這種看法是錯誤的，因為在互聯網朝氣蓬勃發展的今天，目前也開始有更多的女生融入到web前端開發的大軍中來。那麼web前端開發到底適合女生學習嗎?今天華清遠見成都中心就來為您指點一二。
所有事情並不是完全絕對的，所以並不是所有的女生都適合學習web前端開發，那麼問題來了，到底什麼樣的女生適合學習web前端開發呢?
NO1.性格較為自信的
女生要有自信，就會產生魅力。你首先要考慮的不是自己能不能學得會，而是通過什麼樣的媒介或者途徑可以更快的學會!這樣的女生已經具備了學習web前端開發的先決條件。即：她已經認定自己肯定能學會，確定下來的事情就會想盡辦法去堅持到底，而不會受到別人的干擾。
NO2.渴望提高技術，敢於挑戰的女生
不管你是在校或不在校、本科或者專科學校的學生，不管有沒有基礎都能學習web前端開發，並且都能學會。只要你渴望提高技術，想積累實戰經驗。或者你對互聯網行業非常感興趣，對發展前景有信心。這樣的女生也許大學也沒結業，不過如果你對web前端開發發自內心的喜歡。並且了解了許多web知識框架基礎，覺得你的項目實戰太少，想提升下。以上的女生都是可以學好web前端的。
NO3.女生網蟲更適合學習前端
互聯網經濟的普及和應用，讓更多的青少年早早地便接觸到手機和互聯網，好多女孩子喜歡玩游戲、刷微博等等，對互聯網產生濃厚的興趣，有的女孩子便想了解一些和互聯網相關的東西，我建議這些女孩子首選前端，對於女孩子而言，它不像Java這么難，他的門檻要求相對較低，很多女生做前端可以說比男孩子更懂得網民更喜歡什麼樣的風格，寫的相關代碼也相對簡單一些!
NO4.女生學web前端開發後好找工作嗎？
一定有許多女生擔憂一個問題：學到了扎實的技能，企業願意收女生做這樣的工作嗎?這個問題其實完全沒必要擔心，因為實際上正好和你擔心的相反，同樣技能水平的情況下，企業偏向於招聘女程序員而不是男生。曾經網路人力資源經過統計，網路公司的web前端部門男女比例為16:1，他們的hr當然歡迎更多的女生過來!
華清遠見web前端開發培訓希望這篇文章對於那些真正想學web前端開發的女生一點點指導和幫助吧，隨著移動互聯網發展，很多開發技術和應用模式越來越普及，加入前端開發一族的小夥伴們，加油!
E. 參加Web前端面試必備的CSS知識點
今天小編要跟大家分享的文章是關於參加web前端面試必備的CSS知識點。css基本內容包括，類選擇符，id選擇符，偽類，偽元素，結構，繼承，特殊性，層疊，元素分類，顏色，長度，url，文本，字體，邊框，塊級元素，浮動元素，內聯元素，定位。下面來和小編一起看一看吧！
鏈接：
link標簽：
樣式：
h1{color:red;};
@import指示引入多個外部樣式表的鏈接
@importurl(styles.css);
p{color:red};
css註解
/*dashucoding*/
內聯樣式：
規范：
選擇符+聲明
p{color:red;}//選擇符屬性值
p{font-weight:bold;}
偽類和偽元素
屬性說明
:link超鏈接是一個未訪問過的地址
:visited訪問過的網頁
:active處於活躍的狀態
a{color:red;};a:visited{color:red;};
偽元素：
:first-letter和:first-line首字母和首行
p:first-letter{color:red;}
css有個特點是繼承，可以依賴於祖先-後代關系。
!important有這個標記，表示這條規則優先
p{color:red!important;}
元素分類：
三種類型：塊級元素，內聯元素，列表項元素
塊級元素有段落，標題，列表，表格，div，body等。內聯元素有a，em，span等。列表項元素有li元素。
dispaly:block|inline|list-item|none
顏色：
rgb(100%,100%,100%)紅藍綠，白色
單位：
em給字體的font-size值
文本：
文本縮進
text-indent<長度>|<百分比>
p{text-indent:-4em;}
text-align屬性
用於元素中文本行的對齊方式
text-align:left|center|right|justify
white-space空白
white-spacepre|nowrap|normal
p{white-space:normal;}將如何空白壓縮成單個空白符
white-space屬性值為pre，可以將元素內的空白忽略。
p{white-space:pre;}
行高：
line-height文本行的基線間的距離。
縱向對齊，vertical-align
vertical-align:baseline使元素的基線同父元素的基線對齊。
vertical-align:sub;vertical-align:super;
低端對齊：vertical-align
頂端對齊：vertical-align
vertical-align:top;vertical-align:text-top;
中間對齊：
vertical-align:middle;
文字間隔：
word-spacing長度|normal
word-spacing:0.3em;
字母間隔：
letter-spacing:長度|normal
文本轉換：
text-transformuppercase|lowercase|capitalize|none
文本修飾：
text-decoration:none|overline|line-through
框：
width長度|百分比|auto
height長度|auto
margin長度|百分比|auto
margin:toprightbottomleft
margin-top
margin-right
margin-bottom
margin-left
border-width//thinmediumthick
border-style:none;
padding
浮動與清除
float:left|right|none
float:none用於防止元素浮動
清除浮動元素
clearleft|right|both|none
clear原理是增加元素的上邊界，使它在低於浮動元素的位置結束，清除元素的上邊界寬度當有效地忽略。
list-style-typedisc
disc|circle|square|decimal|upper-alpha|lower-alpha|upper-roman
|lower-roman|none
list-style-type
disc為實心圓
circle為空心圓
square實心或空心方塊
列表項圖像
list-style-image
列表項位置：list-style-position
list-style-position:inside|outside
定位：
position:static|relative|absolute|fixed|inherit
溢出：
overflow:visible|hidden|scroll|auto|inherit
溢出剪切：
overflow-clip:rect|auto|inherit
元素剪切：
cliprect|auto|inherit
元素可見性：
visibility:visible|hidden|collapse|inherit
相對定位：
position:relative;
絕對定位：
position:relative;
固定定位：
position:fixed;
層疊定位：
z-index:integer|auto
輪廓：
outline,outline-color,outline-style,outline-width
邊框：
border-top-color,border-right-color,border-bottom-color
border-left-color,border-top-style
border-right-style,border-left-style
實例：
以上就是小編今天為大家分享的關於參加web前端面試必備的CSS知識點的文章，希望本篇文章能夠對准備參加web前端面試的小夥伴沒呢有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
文章來源：原創Jeskson達達前端
F. 前端怎樣克服厭惡寫 CSS 的心理
學計算機好幾年了，正式從事前端工作1年有餘，也有一段時間非常抵觸，一看要改、寫css樣式就非常的煩。這種狀態來工作肯定不行……就做了一些調整，現在的狀態還可以，反正是調整過來了。分享下我個人的方法。
1.根據前輩的分享，整理出一套通用樣式表，字體、顏色、按鈕等通用樣式，每次開發新頁面拿來直接用，簡化過程，感覺上會輕鬆些，我的是在bootstrap的基礎上整理的，因為經常用那個框架。
2.提升視覺效果，換了個編輯軟體，安裝打字效果特別炫的插件，代碼看起來也非常漂亮、舒服，敲代碼時的感覺就很棒。
3.和樓上說的差不多吧，我看了一些大型網站上炫酷的css，臨摹了一些demo出來，變相的提升成就感，那些炫酷新穎的效果也能增加自己的興趣。
以上，個人的一點點經驗，希望對你有幫助。
G. 中國聯通前端加班多嗎
不多。
中國聯通作為國內三大運營商之一，嚴格按照中國法律實行八小時工作時長，中國聯通公司擁有穩定的前端系統，不需要員工加班工作，如遇到緊急情況會按照正常加班制度進行核算。
前端即網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平台響應式網頁設計能夠適應各種屏幕解析度，合適的動效設計，給用戶帶來極高的用戶體驗。
H. Web前端開發知識點之CSS的使用方式
今天小編要跟大家分享的文章是關於Web前端開發知識點之CSS的使用方式。本文章小編從與HTML的結合方式、CSS語法、選擇器以及盒子模型四個方面進行講解。下面來和小編一起看一看吧！
一、與HTML的結合方式
CSS與HTML的結合方式一共有三種，分別是：外部樣式、內部樣式和內聯樣式。
①外部樣式
當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用標簽鏈接到樣式表。標簽在文檔的頭部：
或者可以像下面這樣在
②內部樣式
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。你可以使用
③內聯樣式
要使用內聯樣式，你需要在相關的標簽內使用樣式(style)屬性。
Thisisaparagraph
由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在一個元素上應用一次時。
二、CSS語法
CSS語法規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
選擇器通常是您需要改變樣式的HTML元素。
每條聲明由一個屬性和一個值組成。兩條聲明之間被分號分開。
屬性是您希望設置的樣式屬性。每個屬性有一個值。屬性和值被冒號分開。
在下面這個例子中，h1是選擇器，color和font-size是屬性，red和14px是值。
三、選擇器
CSS的選擇器主要分為兩大類，一類基本選擇器；一類擴展選擇器。
①基本選擇器
基本選擇器包括id選擇器，元素選擇器和類選擇器。
id選擇器可以為標有特定id的HTML元素指定特定的樣式。id選擇器以"#"來定義。例如下面代碼指定id為red的標簽中文本為紅色。
#red{color:red;}
元素選擇器可以為相應的HTML元素指定特定的樣式。元素選擇器前面沒有任何字元。例如下面代碼指定div標簽中文本為紅色。
div{color:red;}
類選擇器可以為標有特定class的HTML元素指定特定的樣式。類選擇器以一個點號顯示。例如下面代碼指定class為center的標簽中文本居中對齊。
.center{text-align:center}
②擴展選擇器
擴展選擇器是在基本選擇器的基礎上擴展出來的，下面介紹幾種常見的。
*選擇器(*
{})可以為HTML的所有元素指定特定的樣式。例如下面代碼指定HTML頁面中所有文本為紅色。
*{color:red;}
並集選擇器(選擇器1,選擇器2{})可以為多個選擇器指定特定的樣式。例如下面代碼指定div和span兩種標簽中文本為紅色。
div,span{color:red;}
子選擇器(選擇器1選擇器2{})可以為選擇器1中的選擇器2指定特定的樣式。例如下面代碼指定div中span標簽文本為紅色。
divspan{color:red;}
父選擇器(選擇器1>選擇器2{})可以為含有選擇器2的選擇器1指定特定的樣式。例如下面代碼指定含有span的div標簽文本為紅色。
div>span{color:red;}
屬性選擇器(元素[屬性="屬性值"])可以為含有該屬性且屬性值等於該值的元素指定特定的樣式。其中，元素和屬性值可以省略。例如下面代碼指定align屬性等於center的div標簽文本為紅色。
div[align="center"]{color:red;}
偽類選擇器(元素:狀態{})可以為該元素處於該狀態時指定特定的樣式。例如下面的代碼指定滑鼠懸浮在超鏈接上時文本為紅色。
a:hover{color:red;}
四、盒子模型
所有HTML元素可以看作盒子，在CSS中，"box
model"這一術語是用來設計和布局時使用。
CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
下面的圖片說明了盒子模型：
Margin(外邊距)-清除邊框外的區域，外邊距是透明的。
Border(邊框)-圍繞在內邊距和內容外的邊框。
Padding(內邊距)-清除內容周圍的區域，內邊距是透明的。
Content(內容)-盒子的內容，顯示文本和圖像。默認情況下，標簽的width和height屬性指的是content(內容)的寬和高，我們在設置邊框和邊距的時候一定要注意。如果想要讓width和height是最終盒子的大小，可以設置下面的代碼：
box-sizing:border-box;
以上就是小編今天為大家分享的關於Web前端開發知識點之CSS的使用方式的文章，希望本篇文章能夠對正在從事web前端工作和學習的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，城市一名優秀的web前端程序員。
文章來源：原創_緄墓適_
I. css前景如何
css前端技術開發是近年來一個新興職業，是伴隨著web興起而細分進去的行業，隨著互聯網+的發展，css毫無疑問是非常火熱的，有著很好的發展前景，在北京、上海、廣州、深圳等地工程師的薪資待遇更是一路飆升，對於求職者來說是很好就業的。感興趣的話點擊此處，免費學習一下
css前端技術開發崗位職責是利用web技能結合產品的界面開發，從招聘網站分析，【前端開發】用人數量已經遠遠超過主流編程語言Java、ASP和ios等的開拓人員的數量。隨著谷歌、YouTube、Twitch等大型企業紛紛將視線轉投向css，更加確認了css在互聯網時代的發展遠景。以北京、上海一線城市為例，前端開發工程師這一職位的月平均收入為1.5萬，隨著工作經驗的增長，年薪也在隨之增長，從薪資水平來看，css前景確實很不錯。
想了解更多有關css的相關信息，推薦咨詢【達內教育】。作為國內IT培訓的領導品牌，達內的每一名員工都以「幫助每一個學員成就夢想」為己任，也正因為達內人的執著與努力，達內已成功為社會輸送了眾多合格人才，為廣大學子提供更多IT行業高薪機會，同時也為中國IT行業的發展做出了巨大的貢獻。達內IT培訓機構,試聽名額限時搶購。
J. 有web前端開發經驗的大神請進，我是女生，正在做.net,想轉前端，想問一下web前端是否像做程序員那樣累
沒有不累的，mm你就放心吧，給你敘述一下前端的工作內容吧：
1：輔助視覺設計師做好簡單的按鈕及圖片設計，切圖；（設計稿會不斷修改，你要切不止一次）
2：輔助程序員做好JS和XML等的代碼編寫，或者全部有你完成（效果既要滿足視覺也要滿足代碼的簡潔和無錯誤）；
3：編寫DIV＋CSS頁面代碼（視覺稿改了也要跟著一起改）
4：多瀏覽器兼容性測試和修改（現在瀏覽器很多，兼容性是個大麻煩）
5：輔助策劃做好表單的名詞錄入，實際內容的錄入（設計一般只設計效果圖，內容都是錯誤的，需要看策劃案錄入）
以上工作難點在於，需求變更頻繁，重復勞動工作量大、成就感不高