公输的前端学习记录day15（css）

最新推荐文章于 2024-07-25 22:24:14 发布
最新推荐文章于 2024-07-25 22:24:14 发布
阅读量43 收藏 1
点赞数 1
文章标签： 学习 css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73624861/article/details/132672149
版权

四. PS 切图 Date page

4.1常见的图片格式

1.jPg图像格式，JPEG(JPG)对色彩的信息保留较好.高清，颜色较多，我们产品类的图片经常用jPg格式的

2.gif图像格式 .GIF最多只能储存256色. 常用来显示简单图形及字体，但可以保存透明背景和动画效果，实际常用于一些图片小动画效果.

3.png   是一种新兴的网络图形格式，结合了GIF和JPEG_的优点具有存储形式丰富的特点，能够保持透明背景如果想要切成背景透明的图片，选择png格式

4.PSD   是PS的专用格式.里面可以存放圆层.通道、遮罩等多种设计稿，对前端人员来说，最大优点是我们可以直接从上面复制文字，获得图片，还可以测量大小和距离.

PS切图是前端人员必会的技能

PS切图有很多方式：图层切图，切片切图，PS插件切图等。

4.2图层切图

 最简单的切图方式：选中图层--＞右击图层--＞快速导出为PNG。

很多情况下，需要合并图层再导出：

  1. 选中需要的图层：图层菜单-＞合并图层（Ctrl＋e）（按住shift选中多个）
  2. 右击-＞快速导出为png

最好的方法是：沟通（和美工人员沟通）

4.3切片切图

  1. 利用切片选中图片，利用切片工具手动划出
  2. 导出选中的图片（文件菜单-＞导出-＞存储为web设备所用格式-＞选择我们要的图片格式-＞存储）

    品质越大，清晰度越高，但所占内存也越大。

  PS插件切图

  cutterman可以一键切图

省去ps的烦恼：

现在前端主要使用蓝湖，摹客，像素大厨等。

像素大厨官网：

http://www.fancynode.com.cn/

 

公输哥哥
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2公输——学生学习课件
11-23
- **内容特点**：书中包含了墨子的言行记录，反映了小生产者阶层的利益和愿望。其学说与儒家学说形成鲜明对比，在战国时期具有重要的影响力。 - **语言风格**：文章逻辑性强，语言质朴，具有很强的说服力。 ### 3. ...
3公输——小学生学习课件
11-23
3公输——小学生学习课件
公输的前端学习记录day12（css）
m0_73624861的博客
09-01 37
页面布局要学习三大核心：盒子模型，浮动和定位。
公输的前端学习记录day14（CSS浮动）
m0_73624861的博客
09-03 32
float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。语法：选择器 ｛ float：属性值；值：none，不浮动，默认。
公输的前端学习记录day6（CSS）
m0_73624861的博客
08-25 36
1.1HTML的局限性HTML只关注内容的语义。主要做结构的，显示元素内容。1.2css-网页的美容师css是层叠样式表（Cascading Style Sheets ）的简称，有时也称css样式表或级联样式表。css也是一种标记语言。css主要用于设置HTML页面中的文本内容（字体大小对齐方式等），图片的外形（宽高，边框样式边距等）以及版面的布局和外观显示样式。简单来说：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。
公输的前端学习记录day10
m0_73624861的博客
08-31 36
background-repeat：repeat（平铺）丨no-repeat（不平铺）丨repeat-x（沿x轴平铺）丨repeat-y。（1）如果都是方位名词，则两个值前后顺序无关，如：left top和top left效果一致。一般情况下默认值是transparent（透明），我们也可以手动指定背景颜色为透明色。background-attachment：scroll（滚动）丨fixed（固定）（2）如果只指定了一个方位名词，另一个省略，则第二个值默认居中对齐。第一个一定是x坐标，第二个一定是坐标。
公输的前端学习记录day11-1
m0_73624861的博客
08-31 34
练习价值：
公输的前端学习记录day19-css定位
m0_73624861的博客
09-10 50
注：子绝父相不是永远不变的，如果父元素不需要占有位置，子绝父绝也会遇到。
公输的前端学习记录day9
m0_73624861的博客
08-29 43
常见的行内标签有＜a＞＜strong＞＜b＞＜em＞＜i＞＜del＞＜s＞＜ins＞＜u＞＜span＞等，其中＜span＞是最典型的行内元素，有的地方也称内联元素。注：文字类元素不能使用块级元素，如＜p＞主要用于存放文字，一次＜p＞里面不能放块元素，特别是不能放＜div＞，同理＜h1＞~＜h6＞也是。＜h1＞~＜h6＞，＜p＞，＜div＞，＜ul＞，＜ol＞，＜li＞等，＜div＞是最典型的块元素。＜img/＞＜input/＞＜td＞同时具有块元素和行内元素的特点，有些资料称行内块元素。
公输的前端学习记录day7（css）
m0_73624861的博客
08-26 34
按照css样式书写的位置（或者引入的方式），css样式表可以分为三大类：（1）行内样式表（行内式）（2）内部样式表（嵌入式）（3）外部样式表（链接式）
公输的前端学习记录day13
m0_73624861的博客
09-02 29
（接上）
JIANG公输公开课PPT教案学习.pptx
09-30
这篇文档主要介绍了中国古代思想家墨子...综上所述，这篇文档主要涉及的知识点包括墨子及其哲学思想，尤其是兼爱和非攻的主张，以及古文的学习方法和《公输》一文的解读，展示了古代智慧与道德观念在现代社会中的价值。
Linux：基础命令学习
qq_55038440的博客
07-20 1492
实例：-F根据文件类型在列出的文件名称后加一符号。实例： -R 递归显示目录中的所有文件和子目录。. 开头的隐藏文件也会列出。可执行文件则加 "*"，用于显示目录文件信息。
AvaloniaUI的学习
最新发布
lishuangquan1987的博客
07-25 774
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
Python编程学习第一篇——Python零基础快速入门（六）（4）异常处理
urhero的专栏
07-25 274
我们已经了解了Python的基本数据类型、变量和基本的逻辑控制语句，基于这些基础知识可以编写一些小程序了，但是在写程序的时候我们会发现，有时候程序并不是按我们预期的方向执行，有的直接报错，有的没有报错，却并未得到我们预期的结果。在这个例子中，除数为0会引发ZeroDivisionError异常，我们将异常信息赋值给变量e，并输出"除数不能为0"和异常信息。在这个例子中，由于除数不为0，所以没有发生ZeroDivisionError异常，代码会执行else语句块，并输出结果2.0。
虚拟机学习
weixin_63374588的博客
07-25 205
虚拟机的优点：虚拟机使用教程：
FastAPI（八十）实战开发《在线课程学习系统》接口开发-- 课程列表
mr~li的博客
07-25 252
源码见："
这段代码哪错了 #include <iostream> #include <iomanip> using namespace std; class Staff { protected: int code; string name; static int count; public: Staff(string n) { name = n; code = count; count++; } void SetName(string s) { name = s; } string GetName() { return name; } int GetCode() { return code; } static int GetStaffCount() { return count; } }; class Teacher : virtual public Staff { protected: string subject; public: Teacher(string n, string m) : Staff(n) { subject = m; } void SetSubject(string s) { subject = s; } string GetSubject() { return subject; } }; class Officer : virtual public Staff { protected: string work; public: Officer(string n, string m) : Staff(n) { work = m; } void SetWork(string s) { work = s; } string GetWork() { return work; } }; class Teacher_Officer : public Teacher, public Officer { public: Teacher_Officer(string n, string m, string s) : Staff(n), Teacher(n, m), Officer(n, s) {} }; int main() { Teacher t1("孔子", "儒家文学"); // 创建教学类员工t1 Teacher t2("公输班", "建筑学"); Officer o1("端木赐", "财务科长"); // 创建教辅类员工o1 Teacher_Officer to3("颜回", "儒家文学", "副院长"); // 创建教师教辅类员工to3 cout << "共有教职工" << Staff::GetStaffCount() << "人" << endl; cout << t1.GetCode() << ", " << t1.GetName() << ", " << t1.GetSubject() << endl; cout << t2.GetCode() << ", " << t2.GetName() << ", " << t2.GetSubject() << endl; cout << o1.GetCode() << ", " << o1.GetName() << ", " << o1.GetWork() << endl; cout << to3.GetCode() << ", " << to3.GetName() << ", " << to3.GetSubject() << ", " << to3.GetWork() << endl; return 0; }
05-17
Teacher t2("公输班", "建筑学"); Officer o1("端木赐", "财务科长"); // 创建教辅类员工o1 Teacher_Officer to3("颜回", "儒家文学", "副院长"); // 创建教师教辅类员工to3 cout 共有教职工" () 人" ; cout ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值