注:css裡面的注釋方法/*被注釋的內容*/
單獨檔案common.css中定義屬性;
選擇器的優先順序:標籤上的style優先;css樣式寫在最下面的優先順序高(就近原則);
--邊框:
--高度:
height:48px--寬度:height:50% /*一般不需要*/
width:48px--字型:width:50%
字型大小:font-size:16px--居中:字型加粗:font-weight:
字型顏色:color:red
text-align:center /*水平方向根據div居中*/--背景色:line-height:48px /*垂直方向根據div居中*/
background-color:red;--float:
讓標籤飄起來,塊級標籤堆疊;left、right
父親沒有被撐起來:在最末尾加style=「clear:both;」讓父框變得可控;
--display:
顯示格式:inline、block、inline-block、none(消失)
inline-block:具有inline預設自己有多少佔多少;具有block,可以設定高度,寬度,padding,margin
行內標籤:無法設定高度,寬度,padding margin
塊級標籤:設定高度,寬度,padding margin
--邊距:
padding:內部邊距;
margin:外部邊距;margin:0 auto;
重複的屬性放在共同的樣式裡面;自適應和改變大小變形:獨特的放在自己的樣式裡面;
左右滾動條的出現;
寬度和百分比(會隨著頁面的縮小出現變形--->在頁面的最外層設定畫素的寬度==>最外層設定絕對寬度,會自動出現滾動條);
注意1:
視窗最外面的寬度定義為絕對寬度,裡面按照百分比設定;
自適應media;
a標籤在ie瀏覽器出現藍色框:裡面的img繼承a的藍色字型顏色,可以設定img的border為0;
form表單action、method:post和get;get以?name=輸入&name=輸入的格式提交;post包含請求頭和請求內容;表單裡面包含檔案要設定enctype屬性;
display塊級和行級轉換;
float div末尾要清除clear:both; 目的是重新掌控它裡面的子模組;
margin:0 auto;
padding:自身發生變化;
position:
--fixted 固定在頁面的某個位置;
--relative+absolute;
--opacity:透明度設定0-1
--z-index:層級順序誰最大誰在上面;
--margin-left:-23px 左移23px;
overflow:
如果裡面的大小大於外部div的大小則設定overflow
--hidden 隱藏
--auto 滾動條
若想全部看到:設定的大小
hover:
當滑鼠移動到menu時呼叫hover屬性;
#pg-header .menu :hover
background:
--background-color:背景顏色;
--background-image:背景;eg:background-image:url('image.jpg');預設div大,重複堆疊
--background-repeat:no-repeat;或者repeat-x;repeat-y;
拿一整張圖,獲取影象的一部分:
--background-position: x y 等同於
--background-position-x: x
--background-position-y: y
全棧工程師
全棧工程師,也叫全端工程師,英文full stack developer。是指掌握多種技能,並能利用多種技能獨立完成產品的人。web前端也遠遠不是從前的切個圖用個jquery上個ajax相容各種瀏覽器那麼簡單了。現代的web前端,你需要用到模組化開發 多屏相容 mvc,各種複雜的互動與優化,甚至你需...
全棧工程師
全棧工程師 價值1.全域性性思維 2.溝通成本 專案越大,溝通成本越高,做過專案管理的都知道,專案中的人力是1 1 2的,人越多效率越低。因為溝通是需要成本的,不同技術的人各說各話,前端和後端是一定會掐架的。每個人都會為自己的利益而戰,毫不為已的人是不存在的。而全棧工程師的成本幾乎為零,因為各種技術...
關於全棧工程師
facebook前些年傳出一種現象,他們鼓勵工程師成為全棧式的,乙個人從設計到開發運維。不知道他們執行的力度如何,有沒有全力推廣。但fb畢竟是大公司,不論其好壞,其倒是在網際網路上掛起了一陣 全棧 風,很多任務程師跟風而動,這一點,fb倒是挺成功的。我個人的看法,我對全棧工程師不是太認可,至少不能大...