css工具箱

Ⅰ brackets 的css-shape工具怎么用

先点左边工具箱的渐变工具——然后在左上方的菜单变成了渐变的相关选择专工具条，
单击“编辑属”、“图象”正下方的渐变图块，鼠标移动到上面会自动显示“点按可编辑渐变”的字样，弹出渐变设置菜单
在下方的渐变色条上，上下分别有2个游标，上面的游标是控制颜色范围的，下面是控制颜色的，一般没什么特殊要求不用动上面的。现在把鼠标移动到色条的下面一点的空白处，鼠标会变成手指的形状

参考资料：http://..com/question/15467188.html

Ⅱ AdobePhotoshopCSS操作全面快捷键.......急需！！

一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取)
矩形、椭圆选框工具 【M】
移动工具 【V】
套索、多边形套索、磁性套索 【L】
魔棒工具 【W】
裁剪工具 【C】
切片工具、切片选择工具 【K】
喷枪工具 【J】
画笔工具、铅笔工具 【B】
像皮图章、图案图章 【S】
历史画笔工具、艺术历史画笔 【Y】
像皮擦、背景擦除、魔术像皮擦 【E】
渐变工具、油漆桶工具 【G】
模糊、锐化、涂抹工具 【R】
减淡、加深、海棉工具 【O】
路径选择工具、直接选取工具 【A】
文字工具 【T】
钢笔、自由钢笔 【P】
矩形、圆边矩形、椭圆、多边形、直线 【U】
写字板、声音注释 【N】
吸管、颜色取样器、度量工具 【I】
抓手工具 【H】
缩放工具 【Z】
默认前景色和背景色 【D】
切换前景色和背景色 【X】
切换标准模式和快速蒙板模式 【Q】
标准屏幕模式、带有菜单栏的全屏模式、全屏模式 【F】
跳到ImageReady3.0中 【Ctrl】+【Shift】+【M】
临时使用移动工具 【Ctrl】
临时使用吸色工具 【Alt】
临时使用抓手工具 【空格】
快速输入工具选项(当前工具选项面板中至少有一个可调节数字) 【0】至【9】
循环选择画笔 【[】或【]】
建立新渐变(在”渐变编辑器”中) 【Ctrl】+【N】

二、文件操作
新建图形文件 【Ctrl】+【N】
打开已有的图像 【Ctrl】+【O】
打开为... 【Ctrl】+【Alt】+【O】
关闭当前图像 【Ctrl】+【W】
保存当前图像 【Ctrl】+【S】
另存为... 【Ctrl】+【Shift】+【S】
存储为网页用图形 【Ctrl】+【Alt】+【Shift】+【S】
页面设置 【Ctrl】+【Shift】+【P】
打印预览 【Ctrl】+【Alt】+【P】
打印 【Ctrl】+【P】
退出Photoshop 【Ctrl】+【Q】

三、编辑操作
还原/重做前一步操作 【Ctrl】+【Z】
一步一步向前还原 【Ctrl】+【Alt】+【Z】
一步一步向后重做 【Ctrl】+【Shift】+【Z】
淡入/淡出 【Ctrl】+【Shift】+【F】
剪切选取的图像或路径 【Ctrl】+【X】或【F2】
拷贝选取的图像或路径 【Ctrl】+【C】
合并拷贝 【Ctrl】+【Shift】+【C】
将剪贴板的内容粘到当前图形中 【Ctrl】+【V】或【F4】
将剪贴板的内容粘到选框中 【Ctrl】+【Shift】+【V】
自由变换 【Ctrl】+【T】
应用自由变换(在自由变换模式下) 【Enter】
从中心或对称点开始变换 (在自由变换模式下) 【Alt】
限制(在自由变换模式下) 【Shift】
扭曲(在自由变换模式下) 【Ctrl】
取消变形(在自由变换模式下) 【Esc】
自由变换复制的象素数据 【Ctrl】+【Shift】+【T】
再次变换复制的象素数据并建立一个副本 【Ctrl】+【Shift】+【Alt】+【T】
删除选框中的图案或选取的路径 【DEL】
用背景色填充所选区域或整个图层 【Ctrl】+【BackSpace】或【Ctrl】+【Del】
用前景色填充所选区域或整个图层 【Alt】+【BackSpace】或【Alt】+【Del】
弹出“填充”对话框 【Shift】+【BackSpace】
从历史记录中填充 【Alt】+【Ctrl】+【Backspace】
打开“颜色设置”对话框 【Ctrl】+【Shift】+【K】
打开“预先调整管理器”对话框 【Alt】+【E】放开后按【M】
预设画笔（在“预先调整管理器”对话框中） 【Ctrl】+【1】
预设颜色样式（在“预先调整管理器”对话框中） 【Ctrl】+【2】
预设渐变填充（在“预先调整管理器”对话框中） 【Ctrl】+【3】
预设图层效果（在“预先调整管理器”对话框中） 【Ctrl】+【4】
预设图案填充（在“预先调整管理器”对话框中） 【Ctrl】+【5】
预设轮廓线（在“预先调整管理器”对话框中） 【Ctrl】+【6】
预设定制矢量图形（在“预先调整管理器”对话框中） 【Ctrl】+【7】
打开“预置”对话框 【Ctrl】+【K】
显示最后一次显示的“预置”对话框 【Alt】+【Ctrl】+【K】
设置“常规”选项(在预置对话框中) 【Ctrl】+【1】
设置“存储文件”(在预置对话框中) 【Ctrl】+【2】
设置“显示和光标”(在预置对话框中) 【Ctrl】+【3】
设置“透明区域与色域”(在预置对话框中) 【Ctrl】+【4】
设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】
设置“参考线与网格”(在预置对话框中) 【Ctrl】+【6】
设置“增效工具与暂存盘”(在预置对话框中) 【Ctrl】+【7】
设置“内存与图像高速缓存”(在预置对话框中) 【Ctrl】+【8】

四、图像调整
调整色阶 【Ctrl】+【L】
自动调整色阶 【Ctrl】+【Shift】+【L】
自动调整对比度 【Ctrl】+【Alt】+【Shift】+【L】
打开曲线调整对话框 【Ctrl】+【M】
在所选通道的曲线上添加新的点(‘曲线’对话框中) 在图象中【Ctrl】加点按
在复合曲线以外的所有曲线上添加新的点(‘曲线’对话框中) 【Ctrl】+【Shift】加点按
移动所选点(‘曲线’对话框中) 【↑】/【↓】/【←】/【→】
以10点为增幅移动所选点以10点为增幅(‘曲线’对话框中) 【Shift】+【箭头】
选择多个控制点(‘曲线’对话框中) 【Shift】加点按
前移控制点(‘曲线’对话框中) 【Ctrl】+【Tab】
后移控制点(‘曲线’对话框中) 【Ctrl】+【Shift】+【Tab】
添加新的点(‘曲线’对话框中) 点按网格
删除点(‘曲线’对话框中) 【Ctrl】加点按点
取消选择所选通道上的所有点(‘曲线’对话框中) 【Ctrl】+【D】
使曲线网格更精细或更粗糙(‘曲线’对话框中) 【Alt】加点按网格
选择彩色通道(‘曲线’对话框中) 【Ctrl】+【~】
选择单色通道(‘曲线’对话框中) 【Ctrl】+【数字】
打开“色彩平衡”对话框 【Ctrl】+【B】
打开“色相/饱和度”对话框 【Ctrl】+【U】
全图调整(在色相/饱和度”对话框中) 【Ctrl】+【~】
只调整红色(在色相/饱和度”对话框中) 【Ctrl】+【1】
只调整黄色(在色相/饱和度”对话框中) 【Ctrl】+【2】
只调整绿色(在色相/饱和度”对话框中) 【Ctrl】+【3】
只调整青色(在色相/饱和度”对话框中) 【Ctrl】+【4】
只调整蓝色(在色相/饱和度”对话框中) 【Ctrl】+【5】
只调整洋红(在色相/饱和度”对话框中) 【Ctrl】+【6】
去色 【Ctrl】+【Shift】+【U】
反相 【Ctrl】+【I】
打开“抽取(Extract)”对话框 【Ctrl】+【Alt】+【X】
边缘增亮工具(在“抽取”对话框中) 【B】
填充工具(在“抽取”对话框中) 【G】
擦除工具(在“抽取”对话框中) 【E】
清除工具(在“抽取”对话框中) 【C】
边缘修饰工具(在“抽取”对话框中) 【T】
缩放工具(在“抽取”对话框中) 【Z】
抓手工具(在“抽取”对话框中) 【H】
改变显示模式(在“抽取”对话框中) 【F】
加大画笔大小(在“抽取”对话框中) 【]】
减小画笔大小(在“抽取”对话框中) 【[】
完全删除增亮线(在“抽取”对话框中) 【Alt】+【BackSpace】
增亮整个抽取对像(在“抽取”对话框中) 【Ctrl】+【BackSpace】
打开“液化(Liquify)”对话框 【Ctrl】+【Shift】+【X】
扭曲工具(在“液化”对话框中) 【W】
顺时针转动工具(在“液化”对话框中) 【R】
逆时针转动工具(在“液化”对话框中) 【L】
缩拢工具(在“液化”对话框中) 【P】
扩张工具(在“液化”对话框中) 【B】
反射工具(在“液化”对话框中) 【M】
重构工具(在“液化”对话框中) 【E】
冻结工具(在“液化”对话框中) 【F】
解冻工具(在“液化”对话框中) 【T】
应用“液化”效果并退回Photoshop主界面(在“液化”对话框中) 【Enter】
放弃“液化”效果并退回Photoshop主界面(在“液化”对话框中) 【ESC】

五、图层操作
从对话框新建一个图层 【Ctrl】+【Shift】+【N】
以默认选项建立一个新的图层 【Ctrl】+【Alt】+【Shift】+【N】
通过拷贝建立一个图层（无对话框） 【Ctrl】+【J】
从对话框建立一个通过拷贝的图层 【Ctrl】+【Alt】+【J】
通过剪切建立一个图层（无对话框） 【Ctrl】+【Shift】+【J】
从对话框建立一个通过剪切的图层 【Ctrl】+【Shift】+【Alt】+【J】
与前一图层编组 【Ctrl】+【G】
取消编组 【Ctrl】+【Shift】+【G】
将当前层下移一层 【Ctrl】+【[】
将当前层上移一层 【Ctrl】+【]】
将当前层移到最下面 【Ctrl】+【Shift】+【[】
将当前层移到最上面 【Ctrl】+【Shift】+【]】
激活下一个图层 【Alt】+【[】
激活上一个图层 【Alt】+【]】
激活底部图层 【Shift】+【Alt】+【[】
激活顶部图层 【Shift】+【Alt】+【]】
向下合并或合并联接图层 【Ctrl】+【E】
合并可见图层 【Ctrl】+【Shift】+【E】
盖印或盖印联接图层 【Ctrl】+【Alt】+【E】
盖印可见图层 【Ctrl】+【Alt】+【Shift】+【E】
调整当前图层的透明度(当前工具为无数字参数的,如移动工具) 【0】至【9】
保留当前图层的透明区域(开关) 【/】
使用预定义效果(在”效果”对话框中) 【Ctrl】+【1】
混合选项(在”效果”对话框中) 【Ctrl】+【2】
投影选项(在”效果”对话框中) 【Ctrl】+【3】
内部阴影(在”效果”对话框中) 【Ctrl】+【4】
外发光(在”效果”对话框中) 【Ctrl】+【5】
内发光(在”效果”对话框中) 【Ctrl】+【6】
斜面和浮雕(在”效果”对话框中) 【Ctrl】+【7】
轮廓(在”效果”对话框中) 【Ctrl】+【8】
材质(在”效果”对话框中) 【Ctrl】+【9】

六、图层混合模式
循环选择混合模式 【Shift】+【-】或【+】
正常Normal 【Shift】+【Alt】+【N】
溶解Dissolve 【Shift】+【Alt】+【I】
正片叠底Multiply 【Shift】+【Alt】+【M】
屏幕Screen 【Shift】+【Alt】+【S】
叠加Overlay 【Shift】+【Alt】+【O】
柔光Soft Light 【Shift】+【Alt】+【F】
强光Hard Light 【Shift】+【Alt】+【H】
颜色减淡Color Dodge 【Shift】+【Alt】+【D】
颜色加深Color Burn 【Shift】+【Alt】+【B】
变暗Darken 【Shift】+【Alt】+【K】
变亮Lighten 【Shift】+【Alt】+【G】
差值Difference 【Shift】+【Alt】+【E】
排除Exclusion 【Shift】+【Alt】+【X】
色相Hue 【Shift】+【Alt】+【U】
饱和度Saturation 【Shift】+【Alt】+【T】
颜色Color 【Shift】+【Alt】+【C】
光度Luminosity 【Shift】+【Alt】+【Y】
去色 海棉工具+【Shift】+【Alt】+【J】
加色 海棉工具+【Shift】+【Alt】+【A】

七、选择功能
全部选取 【Ctrl】+【A】
取消选择 【Ctrl】+【D】
重新选择 【Ctrl】+【Shift】+【D】
羽化选择 【Ctrl】+【Alt】+【D】
反向选择 【Ctrl】+【Shift】+【I】
载入选区 【Ctrl】+点按图层、路径、通道面板中的缩约图
滤镜
按上次的参数再做一次上次的滤镜 【Ctrl】+【F】
退去上次所做滤镜的效果 【Ctrl】+【Shift】+【F】
重复上次所做的滤镜(可调参数) 【Ctrl】+【Alt】+【F】
选择工具(在“3D变化”滤镜中) 【V】
直接选择工具(在“3D变化”滤镜中) 【A】
立方体工具(在“3D变化”滤镜中) 【M】
球体工具(在“3D变化”滤镜中) 【N】
柱体工具(在“3D变化”滤镜中) 【C】
添加锚点工具(在“3D变化”滤镜中) 【+】
减少锚点工具(在“3D变化”滤镜中) 【-】
轨迹球(在“3D变化”滤镜中) 【R】
全景相机工具(在“3D变化”滤镜中) 【E】
移动视图(在“3D变化”滤镜中) 【H】
缩放视图(在“3D变化”滤镜中) 【Z】
应用三维变形并退回到Photoshop主界面(在“3D变化”滤镜中) 【Enter】
放弃三维变形并退回到Photoshop主界面(在“3D变化”滤镜中) 【Esc】

八、视图操作
选择彩色通道 【Ctrl】+【~】
选择单色通道 【Ctrl】+【数字】
选择快速蒙板 【Ctrl】+【\】
始终在视窗显示复合通道 【~】
以CMYK方式预览(开关) 【Ctrl】+【Y】
打开/关闭色域警告 【Ctrl】+【Shift】+【Y】
放大视图 【Ctrl】+【+】
缩小视图 【Ctrl】+【-】
满画布显示 【Ctrl】+【0】
实际象素显示 【Ctrl】+【Alt】+【0】
向上卷动一屏 【PageUp】
向下卷动一屏 【PageDown】
向左卷动一屏 【Ctrl】+【PageUp】
向右卷动一屏 【Ctrl】+【PageDown】
向上卷动10 个单位 【Shift】+【PageUp】
向下卷动10 个单位 【Shift】+【PageDown】
向左卷动10 个单位 【Shift】+【Ctrl】+【PageUp】
向右卷动10 个单位 【Shift】+【Ctrl】+【PageDown】
将视图移到左上角 【Home】
将视图移到右下角 【End】
显示/隐藏选择区域 【Ctrl】+【H】
显示/隐藏路径 【Ctrl】+【Shift】+【H】
显示/隐藏标尺 【Ctrl】+【R】
捕捉 【Ctrl】+【;】
锁定参考线 【Ctrl】+【Alt】+【;】
显示/隐藏“颜色”面板 【F6】
显示/隐藏“图层”面板 【F7】
显示/隐藏“信息”面板 【F8】
显示/隐藏“动作”面板 【F9】
显示/隐藏所有命令面板 【TAB】
显示或隐藏工具箱以外的所有调板 【Shift】+【TAB】
文字处理(在字体编辑模式中)
显示/隐藏“字符”面板 【Ctrl】+【T】
显示/隐藏“段落”面板 【Ctrl】+【M】
左对齐或顶对齐 【Ctrl】+【Shift】+【L】
中对齐 【Ctrl】+【Shift】+【C】
右对齐或底对齐 【Ctrl】+【Shift】+【R】
左／右选择 1 个字符 【Shift】+【←】/【→】
下／上选择 1 行 【Shift】+【↑】/【↓】
选择所有字符 【Ctrl】+【A】
显示/隐藏字体选取底纹 【Ctrl】+【H】
选择从插入点到鼠标点按点的字符 【Shift】加点按
左／右移动 1 个字符 【←】/【→】
下／上移动 1 行 【↑】/【↓】
左／右移动1个字 【Ctrl】+【←】/【→】
将所选文本的文字大小减小2 点象素 【Ctrl】+【Shift】+【<】
将所选文本的文字大小增大2 点象素 【Ctrl】+【Shift】+【>】
将所选文本的文字大小减小10 点象素 【Ctrl】+【Alt】+【Shift】+【<】
将所选文本的文字大小增大10 点象素 【Ctrl】+【Alt】+【Shift】+【>】
将行距减小2点象素 【Alt】+【↓】
将行距增大2点象素 【Alt】+【↑】
将基线位移减小2点象素 【Shift】+【Alt】+【↓】
将基线位移增加2点象素 【Shift】+【Alt】+【↑】
将字距微调或字距调整减小20/1000ems 【Alt】+【←】
将字距微调或字距调整增加20/1000ems 【Alt】+【→】
将字距微调或字距调整减小100/1000ems 【Ctrl】+【Alt】+【←】
将字距微调或字距调整增加100/1000ems 【Ctrl】+【Alt】+【→】

Ⅲ 我安装的visual studio 2008中为什么没有css样式工具箱呢

什么意思？
什么是CSS样式工具箱？？
你用VS的其他版本有？
VS里面没有这个，会有只能提示的！！！

Ⅳ ASP.NET和HTML+CSS+JAVASCRIPT有什么区别

呵呵复 HTML/CSS/JAVASCRIPT 是运行在客户端的 比如制说你访问 网络 那么 HTML/CSS/JAVASCRIPT代码的运作和生成 是在你的电脑上 而 ASP.NET 代码的编译和执行 则是在网络的服务器上 网络的服务器首先会经过编译 然后把相应的ASP.NET的代码转换成 HTML 然后在返回给你本机的服务器 最明显的就是 你用HTML写的button 单击时页面是不动的 但如果用 ASP<asp:button> 的话 你会发现 页面重新生成了一次 还有一点 就是 你要记住 IE也好 火狐也好 所有的浏览器 都只能识别HTML代码

Ⅳ Sublime在配置CSS编辑辅助工具包时出现错误

情形一：Package Control：There are no packages available for installation

据StackOverflow上说是IPv6造成，如果我们的Intent服务提供者（ISP）不支持IPv6就会引发上述错误，原文如下：
This error is happened with IPv6 problem. If yourInternet Service Provider (ISP) does not support for IPv6 you got this error.
如果IPV6有问题，curl就会打印类似这样的错误：
curl: (7) Failed to connect to xxxxx...
找到了问题原因，下面着手解决它。
第一步：取得sublime.wbond.net的IPv4地址。在命令提示符中输入以下命令：
pingsublime.wbond.net

第二步：打开C:\Windows\system32\drivers\etc\hosts文件，增加如下对应关系：{IPv4 address}sublime.wbond.net

保存文件，然后再打开Package Control（快捷键Ctrl+Shift+P）开始安装即可。
情形二：Package Control：Unableto download
Emmet.Please view the console for more details./Error while loading PyV8
binary:exit code 3…

类似这种插件无法下载的问题，一般是由于网速慢，或者目标域名被墙而无法正常访问导致的。
这种情况下，首先检查本地网络是否可以访问，检测下载速度是不是特别慢，
如果网速太慢，换个时间再安装。还有一个办法是：到github或第三方网站手动下载安装包，然后解压到安装目录下的/Packages目录下。
比如我的Emmet则需要解压到D:\ProgramFiles\Sublime Text 2\Data\Packages\Emmet目录下。
另外许多插件都依赖于Python的，在插件安装开始时会去下载Python相关资源，
比如，Emmet安装就会先下载你系统位数一致的Python版本，我们在debug窗口可以看到这些信息：

其中有两条，表示下载失败，原因一般是网速慢请求超时或被墙了。
Emmet: Loading PyV8 binary from https://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zip
Emmet.pyv8loader: Unable to download package fromhttps://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zipWrong URL error
同时，pyv8下载失败会弹出一个提示框：

这时候，我们按照给出的zip包下载地址手动下载PyV8的安装包（PyV8的项目地址为https://github.com/emmetio/pyv8-binaries#readme，可以根据系统种类选择对应安装包），下载成功后打开菜单Preferences – Browser Packages，然后解压到子目录PyV8内。比如我的对应目录是D:\Program Files\Sublime Text2\Data\Packages\PyV8\win64（若你的是32位系统，最终目录则为win32）。
大多数情况，PyV8安装好了以后，再安装需要的其他插件便可顺利进行了。
情形三：无法调出Package Control或未安装PackageControl
首次安装或重新安装的方式是一样的，首先打开控制台（Ctrl+~），不过Sublime Text的版本不同，执行的命令是不一样的。
对于Sublime Text2输入以下命令执行：
[python]view plain

importurllib2,os,hashlib; h =''+''; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnotos.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen('http://packagecontrol.io/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf),'wb').write(by)ifdh == helseNone;print('Error validating download (got %s instead of %s), please try manual install'% (dh, h)ifdh != helse'Please restart Sublime Text to finish installation')
对于Sublime Text 3需要输入如下的命令：
[python]view plain

importurllib.request,os,hashlib; h =''+''; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen('http://packagecontrol.io/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest();print('Error validating download (got %s instead of %s), please try manual install'% (dh, h))ifdh != helseopen(os.path.join( ipp, pf),'wb').write(by)
执行完后，Package Control安装成功。此时便可以调出PackageControl命令输入面板（Ctrl+Shift+P），输入install
除了使用上述命令安装法，还可手动安装，需要的可访问官网查看https://packagecontrol.io/installation#st3
三、 安装官方原版
上面的问题解决了，但是想想这么强大的工具，这么多的问题，持怀疑态度。折腾了这么久再卸载了有点太可惜了。不过为了弄清楚问题根本，狠狠心，果断卸载了我一直使用的Sublime Text 2 某破解优化版，其中已集成了JsFormat，Alignment，Emmet等这些常用的插件。卸载后去官网下载了官方版本http://www.sublimetext.com/2
并安装完成。
这次安装，先不要着急打开Sublime
Text。为了以后安装方便，决定不再使用系统默认的Packages安装路径C:\Users\Administrator\AppData
\Roaming\Data，在Sublime Text2的安装目录下新建文件夹/Data，该文件夹创建完成后再打开Sublime
Text程序，我们发现，Packages被安装在了当前创建的文件夹下（我的路径是D:\Program Files\Sublime Text
2\Data）。稍后把其他必备插件装全了，我们备份一下Sublime
Text 2文件夹，这样以后走到哪都可以无须一步步重新安装，快速部署我们的Sublime Text环境。

这次安装了七八个插件，也没有出现一次上述错误，说明官方版本还是比较靠谱比较稳定的。虽然每个月都会弹出付费注册提
示，不过不影响使用就这样用吧。有洁癖的我建议你安装Sublime Text
3，本人测试发现最新版这个破解版相对来说比国内流行的某v2版要稳定的多，不过支持ST3的插件目前相对少一些。
英文官方原版首次使用时，会有两个依赖包升级提示:

或

点“确定关闭”即可，无须理会。
四、Sublime必备插件
补充几个必备的开发插件，不了解作用的自行查找吧。
必备的：Alignment，JsFormat，CSSComb，CTags，DocBlockr，Emmet，FileDiffs，SASS，LESS，SASS Build，Lessc，Git，SublimeLinter
另外还有几个不错的，可以选择使用：Terminal，Trimmer，ColorPicker，ConverToUTF8等。
五、补充知识
最后普及几个需要了解的知识：
1.所装的插件列表(有些不在里面)
D:\Program Files\Sublime Text2\Data\Packages\User\Package Control.sublime-settings
2. Package Control常用的命令InstallPackage (安装扩展)、List Packages (列出全部扩展)、Remove Package (移除扩展)、Upgrade Package (升级扩展)
3.插件热键冲突，可以自定义修改：Preferences > Package Settings > Alignment（或其他插件名）> Key Bindding - User然后写入快捷键。（有些插件需要到安装目录下的配置文件修改）
4.有Package Control其他相关问题上，上github项目查找。
https://github.com/wbond/package_control/issues?q=is%3Aclosed
比如较常见的问题Package control fails to download new packages：
https://github.com/wbond/package_control/issues/736
5.列一下常用的快捷键：
Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑）
Ctrl+G 跳转到相应的行
Ctrl+J 合并行（已选择需要合并的多行时）
Ctrl+L 选择整行（按住-继续选择下行）
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+T 词互换
Ctrl+U 软撤销
Ctrl+P 查找当前项目中的文件和快速搜索；输入 @ 查找文件主标题/函数；或者输入 : 跳转到文件某行；
Ctrl+R 快速列出/跳转到某个函数
Ctrl+K Backspace 从光标处删除至行首
Ctrl+KB 开启/关闭侧边栏
Ctrl+KK 从光标处删除至行尾
Ctrl+KT 折叠属性
Ctrl+KU 改为大写
Ctrl+KL 改为小写
Ctrl+K0 展开所有
Ctrl+Enter 插入行后（快速换行）
Ctrl+Tab 当前窗口中的标签页切换
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+D 复制光标所在整行，插入在该行之前
ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
Ctrl+Shift+K 删除整行
Ctrl+Shift+L 鼠标选中多行（按下快捷键），即可同时编辑这些行
Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号）
Ctrl+Shift+P 打开命令面板
Ctrl+Shift+/ 注释已选择内容
Ctrl+Shift+↑可以移动此行代码，与上行互换
Ctrl+Shift+↓可以移动此行代码，与下行互换
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+Shift+Enter 光标前插入行
Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+F2 设置书签
Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果）
Ctrl+鼠标左键 可以同时选择要编辑的多处文本
Shift+鼠标右键（或使用鼠标中键）可以用鼠标进行竖向多行选择
Shift+F2 上一个书签
Shift+Tab 去除缩进
Alt+Shift+1~9（非小键盘）屏幕显示相等数字的小窗口
Alt+. 闭合当前标签
Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑
Tab 缩进 自动完成
F2 下一个书签
F9 行排序(按a-z)
F11 全屏模式

Ⅵ 能不能推荐一下CSS的压缩软件和js的压缩软件

YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。使用方专法：//压缩JSjava -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js//压缩CSSjava -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css下载地属址 http://www.julienlecomte.net/yuicompressor/yuicompressor-2.4.2.zip

Ⅶ 求一套前端开发在线工具箱源码，比如在线HTML转JS等。

你好，请下面的链接里，安装下浏览器扩展，在扩展文件中就能找到源码。

网页链接

若有帮助，请采纳，谢谢

Ⅷ 学习html5+css3用什么软件

‍

1、Sublime Text

这个相比上面三个，要轻量级得多。因为不是用 web
技术构建的桌面应用，启动速度也更快，更符合一个编辑器应该有的样子。不过扩展数量无法跟上面几个相比。前端开发上来说，已经跟不上 atom 和
vscode，所以我不是很想推荐它。但是作为一个 Text Editor 它绝对是首选之一。

2、DreamWeaver

Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页.也是老牌的集成开发环境，就是贵了点。

3、VisualStudio Code (vscode)

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮（syntax
high lighting），可定制的热键绑定（customizable keyboard bindings），括号匹配（bracket
matching）以及代码片段收集（snippets）。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。

4、Brackets Adobe

也是很轻巧的一个编辑器特别适合网页开发。关键是有及时预览功能可以随时随地地在学习教程的时候调试，开源的前端开发工具。这个基本上是完全为前端准备的，支持插件。起初用过一段时间，体验很不错的。

5. HBuilder

快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

6. Aptana Studio

ptanaStudio是一个基于Eclipse的集成式Web开发环境，其最广为人知的是它非常强悍的JavaScript编辑器和调试器。AptanaStudio可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。此外，Aptana还吸收了Radrails项目，添加了非常强大的RubyonRails支持。随着苹果公司iPhone手机的发布，Aptana也推出了功能完备的iPhone集成开发功能，在Adobe公司的RIA产品AIR推出不久之后，Aptana就支持了AIR的开发环境。如今AptanaStudio支持如下8大方面的开发功能.

我个人推荐的Sublime Text，轻量级，仅需要一点插件就会非常好用。配色逼格很高!

Ⅸ 如何覆盖css的float样式

覆盖CSS的float怎么覆盖：
float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。
像这样在一个元素上用CSS设置浮动：
#sidebar { float: right; }

fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None (默认的) 使元素不浮动，Inherit 将会从父级元素获取float值。
Float的用处
除了简单的在图片周围包围文字，浮动可用于创建全部网页布局。

Float对小型的布局同样有用。例如页面中的这个小区域。如果我们在我们的小头像图片上使用Float，当调整图片大小的时候，盒子里面的文字也将自动调整位置：

同样的布局可以通过在外容器使用相对定位，然后在头像上使用绝对定位来实现。这种方式中，文本不会受头像图片大小的影响，不会随头像图片的大小而有相应变化。

清除Float
清除(clear)是浮动(float)的相关属性.一个设置了清除Float的元素不会如浮动所设置的一样，向上移动到Float元素的边界，而是会忽视浮动向下移动。如下，一图顶千言。

上例中，侧栏向右浮动，并且短于主内容区域。页脚(footer)于是按浮动所要求的向上跳到了可能的空间。要解决这个问题，可以在页脚(footer)上清除浮动，以使页脚(footer)待在浮动元素的下面。
#footer { clear: both; }

清除(clear)也有4个可能值。最常用的是 both，清楚左右两边的浮动。left 和 right 只能清楚一个方向的浮动。none 是默认值，只在需要移除已指定的清除值时用到。inherit 应该时第五个值，不过很奇怪的是 IE 不支持(这个不奇怪吧，IE 从来都这么特立独行吧 －糖伴西红柿注)。只清除左边或右边的浮动，实际中很少见，不过绝对有他们的用处。

伟大的塌陷
使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。

塌陷的直观对立面更不好，看看下面的情况：

当上面的块级元素自动扩展以适应浮动元素时，段落间的文本流中会出现非自然的空白换行，而且没有有效的方法来修正这个问题。对于这种情况，设计师的抱怨会更甚于对塌陷的抱怨（没理解，不是设计完成之后才会进行页面编码吗？－ 糖伴西红柿）。
为了防止怪异的布局和跨浏览器的问题，塌陷问题几乎总是被要处理的。我们在容器中的浮动元素之后，容器结束之前来清除浮动。
清除浮动的技术
如果你很明确的知道接下来的元素会是什么，可以使用 clear:both; 来清除浮动。这个方法很不错，它不需要 hack，不添加额外的元素也使得它有良好的语义性。当然事情并不是都可以这样解决的，工具箱中还是需要另外几个清除浮动的工具。
空div方法从字面来看，是一个空的 div。
。有时可能会用
或者一些其他元素，但是 div 是最常用的，因为它没有浏览器默认样式；没有特殊功能，而且一般不会被 css 样式化。这个方法因为只是为了表现，对页面没有上下文涵义而被纯语义论者嘲笑。诚然，从严格的角度来说他们是对的，但是这个方法有效而且没有任何伤害。
overflow 方法在父元素上设置 overflow 这个 css 属性。如果父元素的这个属性设置为 auto 或者 hidden，父元素就会扩展以包含浮动。这个方法有着较好的语义性，因为他不需要额外元素。但是，如果需要增加一个新的 div 来使用这个方法，其实就和空 div 方法一样没有语义了。而且要记住，overflow 属性不是为了清除浮动而定义的。要小心不要覆盖住内容或者触发了不需要的滚动条。
简单清除方法使用了一个聪明的 css 伪选择符(:after)来清除浮动。比起在父元素上设置 overflow，只需要给它增加一个额外的类似于”clearfix”的类。这个类使用如下 css:
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

这会在清除浮动的父元素之后应用一点看不见的内容。这不是全部内容，还需要一些额外的代码来适应那些老旧的浏览器。
不同的情况需要不同的浮动清除方法。以一个具有不同样式块的网格为例。

为了从视觉上较好的把相似的块联系起来，需要在必要的地方开启新行，这里是颜色改变的地方。如果每个颜色组都有一个父元素的话，我们可以使用 overflow 或者 简单清除方法。或者，在每组之间用一个空div方法。额外的 div 之前并不存在，可以自己试试来看看哪个方法好。

Ⅹ 如何在CSS 标签中使用Flask

FLask 是一个基于python编写的轻量级别的框架，其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinja2 。Flask使用 BSD 授权。具体的使用方法可以参考下使用文档。