html寫頁面布局css修飾htmljs寫效果的dw開發(fā)工具,寫代碼ps切圖的瀏覽器:chrome(谷歌)firefox(火狐)ffIEdw快捷鍵:新建---ctrl+n保存---ctrl+s查看---f12(fn+f12)ps操作:m-------選框f8(fn+f8)信息窗口f7 (fn+f7)圖層ctrl+r標(biāo)尺ctrl+c剪切ctrl+n新建ctrl+v粘貼ctrl+加號放大ctrl+減號縮小空格+鼠標(biāo)的左鍵拖拽瀏覽器:刷新:f5(fn+f5)ctrl+r在瀏覽器中會把,多個換行,或是多個空格當(dāng)做一個空格來處理html:h1-----標(biāo)題標(biāo)簽只有h1-----h6;h1 --一級標(biāo)題標(biāo)簽h2 -- 二級標(biāo)題標(biāo)簽以此類推到h6*h1在一個頁面當(dāng)中只可以用一次p------段落標(biāo)簽會自帶默認(rèn)的行距,空白部分;br ----換行標(biāo)簽a-----超鏈接
圖片標(biāo)簽src(圖片源)div---- 一個容器,一個盒子,一張白紙單標(biāo)簽brimg<標(biāo)簽名 />雙標(biāo)簽h2 p a 起始的標(biāo)簽 ?結(jié)束的標(biāo)簽<標(biāo)簽名>屬性:href超鏈接地址title文本提示(提示文字)alt文本替換width寬度height高度src圖片源border邊框style私有屬性:hrefwidthheightaltsrc公有屬性:title(寫法)屬性名=" 屬性值"css:樣式名:樣式值;需要寫在style里width:300px; ?寬度height:300px高度border:邊框border-width:邊框的寬度border-style: 邊框的線性border-color:邊框的顏色background:背景background-color:背景顏色background-image: 背景圖background-repeat:背景圖平鋪-----no-repeat不平鋪-----repeat-xx軸平鋪-----repeat-yy軸平鋪background-position:背景圖定位xy; (背景圖縮寫)background:圖片路徑 平鋪 背景圖定位;color:文本顏色text-align:center;文本水平居中rightleftline-height:文本的垂直居中(文字縱向居中)行高寫高度border的縮寫:border:邊框的寬度 邊框的線性 邊框的顏色;線性有:solid實線dashed 虛線dotted點畫線顏色:寫英文:red greenblue十六進(jìn)制:#33 85 ff#0 f 0如果三對不一樣的話不可以縮寫rgb:rgb(0-255,0-255,0-255)作業(yè):看筆記;寫課件; ?text-indent:-9999em; ? ?display:block;行變·塊 ? ? ? ? ? ?display:inline; 塊變·行 ? ? ? ?*行內(nèi)塊轉(zhuǎn)換 display:inline-block
CSS初步知識
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
- 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
- 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...