ps切图与版心页面布局注意问题

最新推荐文章于 2022-10-02 17:06:03 发布
最新推荐文章于 2022-10-02 17:06:03 发布
阅读量1k 收藏
点赞数
文章标签： html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43720739/article/details/104667542
版权

版心是页面内容的展示区域
有具体宽度 width：px；
左右居中 margin{0 auto}

Ps切图方式
    方式一  矩形选框工具选中区域 > ctrl+c > ctrl+n > ctrl+shift+alt+s 存储

    方式二  切片工具 > 选中区域 > ctrl+shift+alt+s 存储

页面布局时
同级元素之间只能使用margin外边距来布局
嵌套元素之间可以使用margin外边距来布局，也可以用padding内边距实现

Rainbow~小二
关注
css重点5：在线制作页面的步骤
小黄呀呀呀的博客
04-30 192
1. 学成在线页面制作 目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切图 能引入外部样式表 能把psd文件转换为html页面 学成在线的目的就是为了串联前面的所有知识。来一个春晚大联欢。 pink老师： 取义学有所成，为师之期望，君等成才者也，故曰学成网是也~~ 1.1 前期准备素材 学成在线PSD源文件 ...
干货！PS高手都希望知道的10个PS心…
qq3045528107的博客
03-06 471
当我们看的PS教程越来越多、掌握的PS技巧越来越多的时候，可能就反思最初看到的教程到底是不是正确的。而今天国外精品翻译教程就跟大家一起来看看Photoshop高手分享的10个Photoshop心得，妥妥的干货！ PS教程：平常不会告诉你的10个PS心得 图00 　　1.在背景图层上直接编辑 由于PS初学者总会犯些小错误，所以大多数的Photoshop教程都会要求创建副本，然后在副
什么叫版面_什么叫版面，版心，版式？
weixin_39787792的博客
12-19 2442
展开全部版面就是在书刊、报纸的一面中图文部分和空白部62616964757a686964616fe58685e5aeb931333433653363分的总和，即包括版心和版心周围的空白部分在内一页纸的幅面。版心是指每面书页上的文字部分，包括章、节标题、正文以及图、表、公式等。版式是指书刊正文部分的全部格式，包括正文和标题的字体、字号、版心大小、通栏、双栏、每页的行数、每行字数、行距及表格、图片的排...
04-CSS核心属性
最新发布
保持好奇
10-02 412
html-css核心属性，浮动、盒模型、文本属性、背景属性
【吴刚】HTML5推广网站设计初级入门标准视频教程
03-23
《HTML5推广网站设计初级入门标准教程》是WUI网页设计模块的系列课程，针对初级小白上手HTML5推广网站设计，适应互联网时代对推广网站宣传的需要，是不可多得的初级上手视频。由业内的吴刚老师亲自录制！
CSS 版心和布局流程
快乐de馒头
01-19 1263
版心和布局流程 阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。 布局流程 为了提高网页制作的效率，布局时通常需要遵守一定的布局流程...
CSS 4 浮动 常用网页布局 清除浮动 PS 学成在线案例
weixin_62302666的博客
02-14 989
目录 1.浮动 1.1传统网页布局的三种方式 1.2标准流（普通流/文档流） 1.3为什么需要浮动？ 1.4浮动特性（重要） 1.4.1浮动元素会脱离标准流 1.4.2浮动的元素会一行内显示并且元素顶部对齐 1.4.3浮动的元素会有行内块元素的特性 1.5浮动元素经常和父级搭配使用 1.6综合案例 2.常用网页布局 2.1常见网页布局 2.2浮动布局注意点 3.清除浮动 3.1为什么要清除浮动 3.2清除浮动本质 3.3清除浮动 ​3.3清除浮动方法 3....
学成在线页面制作
Sweat_candy的博客
04-04 1430
页面展示： 学成在线，是典型的企业级网站。 学习学成网的目的，是为了整体感知企业级网站布局流程 一、前期准备素材 - 学成在线PSD源文件 - 开发工具 = PS（切图） + sublime（代码） + chrome（测试） 二、 前期准备工作 先把前期准备工作做好， 采取结构与样式相分离思想。 1. 创建 study 目录文件夹 (用于存放我们这个页面的相关内容)。 2. 用vscode打开study目录文件夹. 3. study 目录内新建 images 文件夹，用于...
CSS页面制作-5
kkkk_1112的博客
09-28 329
1. 学成网 页面制作 目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切图 能引入外部样式表 能把psd文件转换为html页面 学成在线的目的就是为了串联前面的所有知识。 1.1 前期准备素材 学成在线PSD源文件 开发工具 = PS（切图） + sublime（代码） + chrome（测试） 1.2 前期准备工作 欲先善其事，必先利其器。 先把我们的前期准备工作做好， 我们本次采取结构与样式相分离思想。
DAY 7 | 自学前端第七天
pangpangcm的博客
04-03 900
今天做个网站首页~
PC端布局之版心设置居中
weixin_43837268的博客
09-30 2519
<style> * { margin: 0; padding: 0; } .w { width: 1200px; margin: auto; } body { background-color: #f3f5f7; } li { list-style: none; } a { text-decoration: none; } </style> <div class="header w"> <di.
ps基本操作以及搭建页面注意点
m0_50785753的博客
06-08 170
ps基本操作以及搭建页面注意点
网页多种版心适应多屏幕技巧
sunshine的博客
01-21 9032
在工作当中，我们难免会遇到这样的适应屏幕需求，宽版以1200px为基准，窄版以1024为基准，版心应该怎么设置呢？而合理运用媒体查询就能非常容易帮我们解决这个问题。/*版心*/ @media screen and (max-width:1200px) and (min-width:1024px){ .w{ width:1024px; margin:0 auto
12.版心和布局流程
测试
01-12 378
版心和布局流程阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。“版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。布局流程为了提高网页制作的效率，布局时通常需要遵守一定...
css+div布局,版心的使用（一）拉伸不会改变布局
热门推荐
xiaoLong2345的博客
09-29 1万+
声明：本人小白一枚，如今是学一点，上传一点，希望自己能够会的越来越多，也希望自己能够帮助其他人。
html版心宽度怎么设置,Word中版心尺寸是什么意思？怎样设置版心尺寸？
weixin_39956036的博客
06-11 3804
回答：1、首先我们需要打开单词并进入主界面。然后单击主界面功能区中的“页面布局”，打开与页面和布局相关的功能设置界面。我们需要的单词版本设置在里面。2、之后点击页面布局里面的，页面设置对话框的按钮，将页面设置对话框打开。这里面的设置就是对Word版心进行的设置。我们一设置其中的功能。3、单击页面设置选项中的“边距”。我们可以设置“边距”，顶部，底部，左边，右边，排水沟和其他数据。您还可以在水平或垂...
布局设置加版心？
weixin_33811539的博客
05-03 335
大盒子设置relative 次盒子设置absolute 中间内容居中，使用给这个盒子设置margin-left:100px的方法。 转载于:https://www.cnblogs.com/duanzhange/p/8986095.html
CSS版心和布局
weixin_42132959的博客
03-11 5072
版心是网页布局中非常重要的概念，（可视区）指网页中的主体内容区域。 一般在浏览器中居中显示，显示宽度常见960px,980px,1000px,1200px等。 布局流程 确定页面版心 分析页面中的行模块，以及每一个行模块中的列模块 制作HTML结构 CSS初始化，然后通过盒子模型远离，通过DIV+CSS布局来控制网页每个模块 一列固定宽度且居中 <!DOCTYPE html> &l...
PS与FW切图教程：软件使用与切图技巧
"ps切图教程，通过PS和FW软件进行网页切图，以及切图后的div+css应用" 在网页设计中，切图是一项关键的技术，它涉及到将设计稿转化为实际网页的过程。本教程主要讲解如何使用Photoshop (PS) 和Fireworks (FW) 这两...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值