1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 页面制作(PS/HTML/CSS)易错点总结

页面制作(PS/HTML/CSS)易错点总结

时间:2024-02-14 07:31:58

相关推荐

页面制作(PS/HTML/CSS)易错点总结

今天做了网易云课堂的页面制作试卷,虽然分数暂未公布,但是已经知道了自己这段时间以来的成效。下面总结几个易错点:

1.Photoshop切图:

图片保存格式:

a.图片色彩较为丰富但无透明度要求时应保存为jpg格式;

b.当图片色彩不太丰富时无论有无透明要求时保存为png8,且设置“杂边:无;扩散:无仿色”;

c.当图片有半透明要求,不对图片进行压缩,保存为24。

注意:PNG8格式图片的颜色模式是索引颜色,在修改前要先更改颜色模式为RGB颜色。

常用快捷键:

a.Alt+shift+Ctrl+s 存储为web常用格式;

b.shift+Ctrl+E 合并可见图层;

c.shift 添加到选区,alt 从选区中减去,shift+alt 选出交叉区域;

d.Ctrl+Alt+Z 多步撤销;

e.Ctrl++ 放大画布,Ctrl+- 缩小画布;

魔棒工具妙用:

a.可确定渐变是否为线性;

b.选择一个颜色单一的不规则区域.

注意:容差越小,可选范围越小。

2.HTML:

表单(form):

a.标签:<input><textarea><label><fieldset><legend><select><optgroup><option><button>;

b."input"中type值有:button、checkbox、file、hidden、image、password、radio、reset、submit、text

表格(table):

a.需要记得colspan跨列,rowspan跨行;

b.带有标题的table用<caption></caption>。

无序有序自定义列表:

由于很少用到自定义列表,所以要注意自定义列表表示方法"dl,dt,dd"

3.CSS:

a.行高:用%设置时,改变字体大小对行高不影响;

b.padding&margin用%来表示时,均表示父元素的宽的占比;

c.背景:颜色填充至padding(即不包含border);

背景图片默认在左上;

position:后者省略的话即默认为center。

d.border-shadow:x y 模糊半径 阴影大小 颜色:

同outline一样不占空间0 0 0 1==设置1px border

e.优先级:行内样式(1000)>id(100)>类、伪类属性(10)>标签及伪元素(1)

f.position:stalic/absolute/fixed/relative

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。