从psd到HTML个人记录

来源：互联网发布：腾讯云域名怎么添加编辑：程序博客网时间：2024/05/21 19:27

从psd到HTML：

1、准备工作：对psd进行审视，看头尾，找公共部分

2、样式：重置样式、公共样式、独立样式

3、尽量不要用id，用class就好

4、命名的方式要让自己清楚不要用拼音，注意规范

5、如果有居中可以写一个自己的居中容器然后调用class就行

6、先把架构写出来再填充

PS里的选择工具，设置为自动选择和图层，选择元素，转化为智能对象然后存储为web所用格式。

对于大的图片，框选图片，图像-》裁剪，保存为web所用格式

=================================================----------------------------------------------------

下面是css做三角形的代码

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        .triangle{            width:0;            height:0;            border:50px solid #000;            border-color:#f00 #000 #f0f #00f;        }        .triangle1{            line-height:0;            width:0;            height:0;            border:50px solid #000;            border-color:#f00 transparent transparent transparent;            border-style:solid dashed dashed dashed;        }    </style></head><body><div class="triangle"></div><div class="triangle1"></div></body></html>

0 0