51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

css布局与“切图”
  CSS布局与“切图” 很多朋友问到关于在网页设计中，特别是使用CSS
CSS
css
切图
css布局
原创
wx634e1c97257c6
2022-11-27 16:14:26
174阅读

CSS网页切图经验与要点
很多初学者在刚学完CSS基础要去实际操作进行网页切图的时候，总感觉无从下手。在这里我为大家简单总结一下，一些网页切图的经验与要点。第一点：一般我们网站LOGO部分通常使用H1+a链接的方式，在CSS上采用以图换字技术，指定对象的宽与高，把A元素设为块状元素。这样有利于后期的网站优化。background:url(../p_w_picpaths/logo.jpg) left top no-repea
教程
css
网页切图
原创 精选
bjjiefei
2015-03-26 09:41:07
797阅读

css+ps切图
1. photoShop使用？ 组成： 菜单项 工具栏 辅助面板 下载： https://pan.baidu.com/s/1LVa5
文档流
图层
css
切图
宽高
转载
mob60475707384d
2021-08-06 15:47:00
244阅读

html5切图
享受生活，热爱重构，大家好，我是Json。在现在这个到处是HTML5话题的时代，好像不懂点HTML5都有点落伍。那我也跟上潮流一把吧，今天给大家分享的是基于HTML5的自助切图。在组里经常会被某设计师叫切板仔，确实重构很大一部分工作都花在切图上，而如何提高切图效率或者让切图自助化也是我们重构师的追求。基于这个前提我自己抱着研究的心态，使用HTML5大致实现了一下。一开始觉得HTML5是个很神秘很高
html5切图
h5页面如何切图
拖拽
切图
HTML5
转载
goody
7月前
34阅读

什么是CSS网页切图
什么是CSS网页切图经常有人问我CSS网页切图是什么东东。在这里详细给大家解答一下 在说CSS网页切图之前，我先给大家说一下一般制作一个网站需要步骤 一、网页设计人员会根据客户要求在PS中设计出网页效果图，这个效果图一般会存储为PSD格式 二、网页前台人员需要根据设计师所出的效果图（PSD文件）进行切图。 三、程序人员会根据网页前台人员所提供网页进行程序的制作.那也就是在网站制作第二步我们会用到C
什么是CSS网页切图
原创
bjjiefei
2015-07-01 17:54:39
1217阅读

div+css切图注意事项 我是切图仔 -_-
1) Web页面的切图类型可以归纳为背景（bg）、列表项目的符号（li）、内容中插入的图片（pic）、按钮（btn）、图标等几种形式（ico）。二、CSS相关事项：3) 所有的属性必须用引号""括起来。6) 必须正确使用代码缩进，缩进时使用tab(键盘中的TAB键)，禁止无缩进、乱缩进，禁止使用空格缩进。9) <h1>到<h6>的定义，应遵循从大到小的原则，体现文档的结构，
切图
转载 精选
cbhjatarj
2013-04-03 09:36:43
687阅读

泡沫学员CSS切图学习总结
刚接触xhtml和css时，脑子里真是 一团浆糊，乱成一团，不知道这些字母都是干嘛的（它认识我，我不认识它），慢慢地跟着老师做练习的过程，慢慢地对这些标签熟悉起来，在脑海中也渐渐形成了 些许认知和记忆。当你完成一个模块的时候，是一推代码组成达到的效果时，我第一次感觉到喜悦并带着点点的成就感，就是这样的感觉让我对学习网页设计产生了 兴趣和热忱。 我明白当你遇到困难的时候便是你成长和进步的过程，
css
切图
css学习
原创
bjjiefei
2015-02-11 09:33:03
392阅读

html5 切片录制 切图html
切图流程和注意事项切图的正确流程做法是：1 写框架。拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。2 查适配。写完之后在各个浏览器运行之后确保大体定位都没有问题。如果是手机wap、微信活动页面，还要注意按手机屏幕大小进行适配。3 书写总体css,这里的css只负责大块的定位及样式。4 不断调试。切出需要的图
html5 切片录制
css
html
CSS
转载
网络安全战士
2024-01-19 13:31:05
70阅读

【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇 插件 | 使用插件进行切图 )
一、 PhotoShop 切图插件 - Cutterman1、下载 Cutterman 插件2、安装 Cutterman
photoshop
css
前端
Cutterman
切图
原创
韩曙亮_
2023-04-01 20:32:45
596阅读

切图与设计相关
设计稿尽量提供偶数切图之前预先定义好标准(常用标签的样式,公用样式)上下文元素之间尽量保持同级更新不频繁的使用背景图片(logo)先做需求确定部分内容(头/尾部)设置颜色尽量不使用英文,使用色码时多用3位,少用6位
英文
背景图片
上下文
原创
素颜猪
2016-11-30 15:55:42
604阅读

html5 img切割 前端切图html
注：本篇文章基于HTML5/CSS3，较少考虑浏览器兼容性（兼容性查询可以见caniuse.com网站），需要读者注意。前端开发≠切图，但前端开发需要会切图，切图是衔接PSD与HTML静态页面的桥梁。作为需要涉猎前端的后端工程师，在切图中需要掌握如下的知识：如何评价切图切的好切图质量的好坏评价可以从如下几个方面来判断：业务角度：制作完的HTML网页还原度高，甚至做到像素级还原；技术角度：图片体积小
html5 img切割
前端
photoshop
后端
ViewUI
转载
mob64ca13f96cda
2023-11-07 13:15:43
73阅读

HTML与CSS
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-p_w_picpath”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprite
网页制作
网页设计师
转载
霜花似雪
2016-12-28 19:06:22
584阅读

HTML与CSS
使用 CSS 可以使 HTML 表格更美观 CSS语言是嵌入在HTML语言中的，不能脱离HTML存在，例如： <!DOCTYPE html># 声明是HTML5格式 <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title
html
sql
css
数据库
i++
转载
mb5ff980b461ced
2021-05-08 09:26:00
129阅读
2评论

html与css
html复习 css选择器与常用属性 id选择器 # class选择器 . 通配符选择器 * { } 常用的css属性 width height backgroundcolor font-size color 文本水平居中 text-align :center 文本行高 垂直居中 ：line-hei ...
选择器
常用属性
css选择器
垂直居中
css
转载
mb5fe1902d5617a
2021-09-07 01:46:00
145阅读
2评论

学会这些CSS，再也不用切图！！！
三角形利用border-color支持transparent这一特性，隐藏三条边框，实现三角形。<style>.triangle {   width: 0;   height: 0;   border-style: solid;   box-sizing: border-box;   border-width: 0 10px 10px;   border-color: transpar
CSS
转载
mob604756fd2a33
2021-05-04 22:30:09
167阅读
2评论

CSS网页切图实例教程上
CSS网页切图实例教程上1、分析网页整体结构，如下图所示，我们把网页分为五个部分。2、根据上图先写出HTML代码：<div id=" header ">1</div><div id="banner">2</div><div id="nav">3</div><div id="main">4</div>&l
css布局实例教程
原创
bjjiefei
2015-06-03 16:31:55
1029阅读

CSS网页切图实例教程下
CSS网页切图实例教程下7、导航的制作，是一个典型的ULLI列表。我们先写出HTML代码，而在我们导航列表之间有一个竖线隔开。<ul><li><a href="#">divcss8.com首页</a>|</li><li><a href="#">关于捷福</a>|</li><li&gt
css布局实例
原创 精选
bjjiefei
2015-06-06 11:22:57
990阅读

ios开发 UIimage与切图
切图是开发无法使用代码直接实现的元素，是UI设计师的重要产出成果和交付物。切图看似简单，实则也有超级多的专业细节需要了解，以及各种方法来提高切图效率。本文将全面介绍UI设计怎么切图所需要的所有知识。本文大纲：UI设计切图是什么？切图是前端还是美工？UI设计切图规范UI设计如何切图给开发？有哪些切图软件可以切图？界面中哪些元素需要切图？UI设计切图是什么？切图是UI设计中的一个重要步骤，通过将开发不
ios开发 UIimage与切图
ui
切图
UI
开发人员
转载
岁月如歌甚好
9月前
29阅读

iOS APP切图 苹果切图
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
iOS APP切图
切图
横屏
标题栏
转载
笑傲江湖求败
2024-05-27 23:22:35
64阅读

iOS 切图软件 iphone 切图
兔课网——初学UI设计如何快速的学会切图？设计切图的原则：设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和
iOS 切图软件
5页面如何切图
切图
iphone
桌面图标
转载
云端梦想家
1月前
362阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

【前端切图】CSS文字渐变和背景渐变

PS-前端切图教程（切jpg图和切png图）

html与css与Java的关系 css与html与javascript区别

Android 切图 demo android切图尺寸

ios开发切图 苹果切图指令

ps Android 切图 photoshop切图教程

html与css入门

ios切图 ios切图命名举例

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯