问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

PSD到DIV+CSS的实现过程,请不吝赐教

发布网友 发布时间:2022-04-19 12:54

我来回答

2个回答

热心网友 时间:2022-04-19 14:23

1. psd按1:1比例做好图,分辨率设置为72

2.做好图后将你需要的图片单独切下来,用psd生成的网页基本上没用(1.代码很累赘,2.不方便修改,3.生成的是table格式)所以最好是自己手动重写

3.div+css 按照你的网页设计来布局,写DIV时尽量简洁,不要多层嵌套,最好不要超过3层

4.如果图片都很小的话 可以整合到一张图片(01.gif)上 利用坐标控制 ,首先建一个固定大小的div层(如:id设置为 A),再给这个层设置背景,然后利用坐标控制背景的位置,如(#A{background:url(images/01.gif) no-repeat 10px -20px; width:20px; height: 20px; float: left;})注:图片最好用 gif格式因为png在IE6中不透明很麻烦!

5.试几下就明白了哈~~

热心网友 时间:2022-04-19 15:41

1、 是用ps完全 1比1的画个网页出了

2、 ps本身提供了 切片 实现 将整幅效果图 切成小块,然后可以导出 对应 网页和图片 。
这样生成的是 table表格布局 ,如果要实现 css布局 必须手写 代码的
至于单独切 某块图片 根据需要有时候是会单独切某块的

3、你说的这是 CSS Sprite ,
原理 就像纸挖个窟窿 移动图片 你只看到其中一小块,
css利用background-image
background- repeat
background-position 组合进行背景定位

这些 只要你会了 css 你自然就会了 非常简单的
PSD到DIV+CSS的实现过程,请不吝赐教

3.div+css 按照你的网页设计来布局,写DIV时尽量简洁,不要多层嵌套,最好不要超过3层 4.如果图片都很小的话 可以整合到一张图片(01.gif)上 利用坐标控制 ,首先建一个固定大小的div层(如:id设置为 A),再给这个层设置背景,然后利用坐标控制背景的位置,如(#A{background:url(images/01...

如何实现当鼠标移到某个DIV上,该DIV自动放大120%,移开自动缩回100%...

在div元素上添加监听事件,当mouseenter事件发生时,然后通过js或者使用jquery插件来获取div的样式,然后修改,比如$("你的元素id").css("height",120%),宽度同理;然后离开的时候同样出发mouseleave或者mouseout,具体哪个忘了。总之大致的思路就是这样。望采纳 ...

...什么意思?找了好久都没有找到相关说明。。。谢谢各位不吝赐教...

div没有这类属性 这应该是别人定义的css样式

什么是CSS?CSS有什么好的作用?请详细介绍下!

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> 双表法调用样式表: <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all">@import url( css/style01.css );</...

在firefox下如何用javascript或者css实现禁止复制和另存为,请高手...

<script type="text/javascript"> <!-- document.oncontextmenu=function(e){return false;} //--> </script> <style> body { -moz-user-select:none;} </style> <body onselectstart="return false"> asdfasdfsadfasdfasdfasdfasfsadfsdf </body> ...

如何用python爬取豆瓣读书的数据

这两天爬了豆瓣读书的十万条左右的书目信息,用时将近一天,现在趁着这个空闲把代码总结一下,还是菜鸟,都是用的最简单最笨的方法,还请路过的大神不吝赐教。第一步,先看一下我们需要的库: import requests #用来请求网页from bs4 import BeautifulSoup #解析网页import time #设置延时时间,防止爬取过于频繁被封IP号...

...的是什么意思?一直找不到相关的说明,谢谢各位不吝赐教!

div没有这类属性 这应该是别人定义的css样式

不吝指教与不吝赐教 敬请不吝赐教的意思 还请各位不吝赐教 如有问题请不吝赐教 请您不吝赐教对吗 请大家不吝赐教 还请不吝赐教什么意思 请各位方家不吝赐教 请您不吝赐教对还是错
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
顺丰速运一直没物流信息,11号发的货,现在还没看到物流信息,都五天了 顺丰快递都五天了还没有到,前一天查的时候还有物流信息,现在连物流信 ... 工程收方如何计算? 工程收方有哪些方法? verycd下载的影片问题 电影格式问题. 1080P高清电影如何下载播放 ...m,用这堆沙子在4m宽的公路上铺3cm厚的路面,能铺多少米? 野猪养殖技术知识,野猪养殖需要知道的知识 在标准状态下,水蒸气分子间的距离大约是水分子直径的___倍.?_百度知 ... Windows默认的图像浏览器 Win7下,打开同一张图,图像浏览器显示的结果都不一样。。颜色不对 关于豪杰图像浏览器 可以放映幻灯片的图像浏览器 纯DIV+CSS网站怎么联接到后台管理系统?麻烦推荐一个模板 有人吃过蜻蜓吗 蜻蜓会吃死的蜻蜓吗 蜻蜓可以吃吗? 蜻蜓能吃吗? 蜻蜓有毒吗? 蜻蜓人能不能食用 界面设计师一定要会 div+css 操作吗??? 苹果4出现iphone已停用怎么办 苹果四显示iphone已停用怎么办 苹果4显示iphone以停用怎么办? 晨光空气净化漆真的能吸附甲醛净化空气吗? 电脑设置dns怎么设置 求教程,从PS网页效果图,到DIV+CSS布局!这个过程!谢谢! 附子 是什么 什么是大附子 浙江一位大妈吃浸泡2天木耳次日住进ICU,泡久的木耳为何不能吃? 泡了好几天都木耳还能吃吗?每天都换一次凉水,看起来还算新鲜,能吃吗? 泡了几天的木耳吃了会怎么样 木耳在水里泡了好几天放冰箱里冷藏,今天拿出来用热水烫了烫,凉拌吃了,有中毒可能吗?有什么现象? 泡了3天的木耳能吃吗 月饼都有哪些月饼 莴笋是凉性吗 莴笋是凉性食品吗 莴笋是热性还是凉性,莴笋是凉性的吗 莴笋到底是凉性还是热性?N多老人家还有看了一个中医硬说是热性的。百度所有的都是说是凉性的! 登繁体字怎么写的 登的繁体字怎么写 登字繁体怎么写 登字的繁体字怎么写 “登黄鹤楼”的繁体字是什么? 登机的繁体字怎么写 繁体字一个金一个登 登字第三笔是什么图片 登字头加个井念什么 是个繁体字 登书山小天下的繁体字怎么写?