ps不能設置css樣式,ps是制圖軟件,但是做出來的圖可以一次性生成網(wǎng)頁
儀隴ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
第一步:打開ps軟件,新建一個圖層,用形狀工具在該圖層上畫一個圓,
第二步:選擇圖層,單擊右鍵,選中【復制css】,如圖,畫一個藍色圓的css代碼就復制好了
第三步:新建一個html頁面,給div元素添加id=“div1”;將css粘貼到是style ? /style中間,如圖中,將【.橢圓_1】替換成【#div1】,然后保存,將頁面在瀏覽器中打開查看,如圖:
下面是通過ps復制的css代碼
.橢圓_1 {
border-radius: 50%;
background-color: rgb(2, 159, 210);
position: absolute;
left: 176px;
top: 124px;
width: 179px;
height: 179px;
z-index: 2;
}
第四步:仔細看會發(fā)現(xiàn),這個圓跟我們在ps中繪制的一模一樣,它在圖中的位置和在頁面中的位置是一樣的,如圖:
實際上,在【信息】中X、Y是圖形的所在位置,而css中l(wèi)eft、top就是指坐標;
對于不懂代碼的設計師來說,是不是方便很多啦!不過,對于有些比較復雜的圖,ps復制出來的css直接拿出來用的話會跟實際效果圖有偏差,所以有些還是要自己手動去做一些修改的!
或者下載“PhotoshopCopyCSS”增強 Photoshop CC 自帶的“復制 CSS”功能,提升 CSS 代碼的采用率
ps只有一個切片,可以用來把ps格式的設計圖,轉化成table布局的html文件。
暫時還沒有div+css的。
新建文件夾web,web文件夾內新建swf、css、、images三個文件夾
swf內放動畫文件,images內放圖片文件,css內放css文件
打開DW軟件,新建站點,站點路徑設為web文件夾內
新建html文件和css文件
然后在html里鏈接css文件
然后進行編輯網(wǎng)頁
沒有什么簡單的辦法,人工操作,不然也不會有這么多人去學div+css
熟記代碼和單詞!