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

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阅读

ps Android 切图 photoshop切图教程
注：下文中背景灰色的字体是保存文件的方法，是一致的（相同的）1. 利用切片工具手动划出:    选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格，拖动鼠标，在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式（JPG或者png-24）--> 点击下方的储存按钮 --&g
ps Android 切图
图层
弹出窗口
文件名
转载
mob64ca14040d22
2024-06-24 06:54:32
88阅读

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

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

PS-前端切图教程（切jpg图和切png图）
微微一运功，把家底都抖出来了。 不过，作为一个设计出身的前端来说，摸ps就和摸键盘一样了 所以可能教程中还是有没用过ps的人看不懂的地方， 欢迎加群讨论：613512106。。。
photoshop
工具教程
图层
切图
背景图
原创
xingorg1
2021-11-26 16:53:20
652阅读

PS-前端切图教程（切jpg图和切png图）
部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”）所以也会误认为我的这篇文章是写给设计师的。
图层
切图
背景图
小图标
工具栏
转载
mb5fe94bf10ac65
2020-04-27 22:05:00
298阅读
2评论

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阅读

css html java教程 html/css/javascript标准教程
HTML本文简单介绍了HTML的架构体系，常见标签，CSS的常见标签，常见选择器，JS脚本数据结构，基础用法以及窗口弹出和输入事件响应1、HTML系统架构体系B/S 浏览器/服务器 （Browser/Server） 同一客户端，终端为服务器端进行交互，Web Server 如用户手机浏览器交互，建立于广域网 维护简单，共享性强，面对范围广安全性较低，个人定制化程度低C/S 客户端/服务器 （
css html java教程
html
选择器
CSS
转载
数据科学探索者
2023-07-21 17:44:36
61阅读

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阅读

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阅读

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阅读

html css JavaScript 源码 html css js教程
第11章  CSS简介、HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。、CSS的出现就是为了改造HTML单调的默认外观。、CSS引入方式有3种：外部样式表、内部样式表、行内样式表。、在实际开发中，一般都是使用外部样式表第12章  CSS选择器、id和class（1）id就像你的身份证号，而class就像你的名字。同一个页面中，id只允许出现一次，而
html
web前端开发
css
CSS
样式属性
转载
mob64ca13fb1f2e
2024-01-26 09:43:46
90阅读

html5 css教程 html css入门
目录一、CSS的概念及作用二、引入方式 三、基础样式四、基本选择器 五、盒子模型5.1盒模型组成5.2盒模型元素一、CSS的概念及作用css称为层叠样式表，用于控制网页样式的标记语言，使用css设计网页的样式，美化网页。层叠：层叠指的就是样式的优先级，当产生冲突时以优先级高的为准。二、引入方式行内式，内部式，外部样式1.行内式：直接将css代码写进标签里2.内部式：将<s
html5 css教程
html
前端
选择器
css
转载
huatechinfo
2023-08-10 22:36:59
179阅读

javafx css教程 java css html
1. HTMLHTML(Hypertext Markup Language)即超文本链接标示语言，使用它可以设计静态网页。2. CSSCSS(Cascading Style Sheets)即层叠样式表，简称"样式表"，是一种美化网页的技术，主要完成字体、颜色、布局等方面的各种设置。在HTML基础上，使用CSS不仅能够统一、高效地组织页面上的元素，还可以使页面具有多样的外观。3. Javascrip
javafx css教程
Java
HTML
Web
转载
AI独步天下
2023-11-29 10:18:24
58阅读

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

学会这些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评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

html css javascript书籍推荐 html css javascript 教程

ios系统点9切图法替代方案 点九切图教程

iOS APP切图 苹果切图

iOS 切图软件 iphone 切图

小白html5 html教程菜鸟教程css

HTML教程(4)：CSS、图像

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

html5+css3教程 html5 css

html5css3 学习手册 css html 教程

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

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