編程語(yǔ)言和非編程語(yǔ)言的本質(zhì)區(qū)別是提供了流程控制語(yǔ)句,有邏輯判斷
javascript 瀏覽器端運(yùn)行
php java 服務(wù)器端運(yùn)行
ECMA歐洲計(jì)算機(jī)制造聯(lián)合會(huì)
程序運(yùn)行過(guò)程中將臨時(shí)數(shù)據(jù)存儲(chǔ)到內(nèi)存中舟陆,獲取內(nèi)存中的數(shù)據(jù)使用的就是變量误澳,變量是計(jì)算機(jī)存儲(chǔ)數(shù)據(jù)的標(biāo)識(shí)符
:after,:before使用單冒號(hào)是為了兼容之前的瀏覽器
1秦躯、定位屬性:
position:static
這個(gè)是默認(rèn)的定位忆谓,作用是如果之前指定了定位,然后又不想要了踱承,可以使用這個(gè)來(lái)消除之前的定位
2倡缠、ps使用:
ctrl + e 合并圖層
ctrl + t 編輯
ctrl + alt + z 撤銷多步操作
alt + delete 填充前景色
ctrl + delete 填充背景色
選區(qū)操作:
ctrl + d 取消選區(qū)
ctrl + shift +i 選區(qū)反選
ctrl + j 復(fù)制內(nèi)容到新圖層(也可以選框中的內(nèi)容重新復(fù)制一份到新的圖層)
加選區(qū):按住shift鍵,再繪制選區(qū)
減選去:按住alt鍵茎活,再繪制選區(qū)
3频祝、浮動(dòng),固定定位兴蒸,絕對(duì)定位后元素會(huì)自動(dòng)轉(zhuǎn)為行內(nèi)塊元素(注意0颊ā!懒熙!相對(duì)定位不會(huì)轉(zhuǎn)換)
4丘损、work-break:自動(dòng)換行
取值:(只針對(duì)英文)
break-all 允許在單詞內(nèi)換行
keep-all (默認(rèn))只能在連字符處(-)和空格處換行
5、white-space:設(shè)置文本顯示方式
取值:
nowrap:強(qiáng)制在同一行顯示所有文本工扎,直到有br才換行
normal:(默認(rèn))默認(rèn)處理方式
6徘钥、text-overflow:文字溢出
取值:
ellipsis:文本溢出時(shí)顯示省略號(hào)標(biāo)記(...)
clip:文本溢出直接裁掉
注意:該屬性需和white-space:nowrap、overflow:hidden搭配使用
7肢娘、制作精靈圖保存步驟
要保存兩種格式:
第一種是.psd格式的圖呈础,方便以后修改》》》》點(diǎn)擊“文件”,點(diǎn)擊“存儲(chǔ)為”橱健,保存為.psd格式
第二種是.png格式而钞,記得導(dǎo)出時(shí)選擇透明背景》》》點(diǎn)擊“文件”,點(diǎn)擊“導(dǎo)出”畴博,點(diǎn)擊“存儲(chǔ)為web所用格式”笨忌,選擇png-8并選擇背景為透明
8、字體圖標(biāo):
我們的頁(yè)面如果有圖片會(huì)增大總文件的體積俱病,還有增多很多“http”請(qǐng)求官疲,會(huì)減低網(wǎng)頁(yè)的性能,而且放大縮小會(huì)失真亮隙,所以字體圖標(biāo)就應(yīng)運(yùn)而生了
優(yōu)點(diǎn):
本質(zhì)是文字途凫,可以隨意更改顏色,陰影溢吻,透明效果
體積小
幾乎所有的瀏覽器都支持
9维费、制作網(wǎng)頁(yè)前部分準(zhǔn)備
導(dǎo)入別人提前寫(xiě)的清除默認(rèn)樣式的css文件(normalize.css)
根據(jù)頁(yè)面結(jié)構(gòu)寫(xiě)一個(gè)合適大部分頁(yè)面的結(jié)構(gòu)果元,有相同的頁(yè)面結(jié)構(gòu)時(shí)直接引入即可