【翻译】VisualStudio11中的CSS编辑器改进(asp.net 4.5系列)-ScottGu
这是我所发的关于ASP .NET 4.5系列博文的第七篇文章。
下一个版本的.NET和Visual Studio包括大量的新特性和新功能
在开发ASP.NET 4.5 WebForms和Mvc的时候
你会看到很多功能上的改进
(不管是基于核心ASP.NET还是一些其他的扩展)
在本篇文章中将会涵盖
下一个版本的VisualStudio关于支持在ASP.NET中使用CSS3的一些改进
CSS Color Picker
在VisualStudio的早起版本中,
CSS编辑器的智能提示引擎包括了一个颜色名称的下拉列表(硬编码)
新版本的VisualStudio
使用了一个功能齐全的颜色选择器
可以很容易的创建新的颜色样式
也可以很容易的从样式表内选择其他地方使用过的颜色
当你使用CSS编辑器编辑一个CSS样式的颜色属性时
一个颜色拾色器将会自动出现
默认情况下
他显示了之前您使用过的颜色
以及一些推荐使用的颜色
你可以使用鼠标或者键盘在这个列表中选择一个颜色
你可以选择”+”图标以展开一个更精细颜色选择列表
移动opacity(透明度)滑块,
可以控制alpha通道自动把任何颜色转化成CSS3 RGBA值
还有一个“颜色选择”功能
可以让你使用“吸管”工具从浏览器或其他应用程序中拾取颜色
(译者:造就该有这个功能了!)
在这个60秒的视频中,演示了颜色拾取器的使用方法
跨浏览器和CSS3片段
写样式表时,有时会有一些重复的工作,
经常会为不同版本的浏览器写兼容样式
在某些情况下需要写五个相同的值
为了支持所有的浏览器
必须做这些乏味的工作
在新版本的VisualStudio中
支持CSS片段,自动生成所有浏览器厂商的特定属性
这意味着没有更多繁琐的搜索和打字工作以使你的CSS兼容所有浏览器
css片段就像我们在VS中使用其他代码片段一样
(译者注:关于CodeSnippet的内容,请参看这里)
例如:调用CSS3的transition属性
只要简单的输入“transition”或者从智能提示中选择此样式即可
然后按tab键,VisualStudio会执行CSS的transition的代码片段
并生成相应的代码,以支持所有的浏览器!
并且可以只改一次样式值,就可以把所有选中值都改掉
(译者:真好啊!)
点此观看关于CSS代码片段的六十秒视频
CSS层级缩进
现实中,开发网站的样式表代码时,
你会发现保持良好的缩进和层级关系已经成为一个趋势
一个树状的CSS样式
可以更好的体现样式之间的层级关系
和在样式属于哪些网页中的元素
在VisualStudio的早期版本中
手动保持这些层级缩进是比较繁琐的工作
如果你格式化CSS代码(译者注:这里应该是指按快捷键ctl+e,d),
会清空所有的层级和缩进
这就要求你必须谨慎的使用代码格式化功能
在VisualStudio的下一个版本中,
加入了创建CSS的层级结构的功能
并且可以只格式化选中的内容
这使得审查复杂的样式关系和样式间的层级关系变得非常容易
VisualStudio中全新的CSS编辑器也支持常见的CSS hack
这方面的内容也会体现在CSS的层级结构中
关于CSS层级结构和60秒视频
小节
在asp.net和VisualStudio的新版本中将更容易的使用CSS
这篇文章包括一些我们在VS上支持CSS编辑器的改进
【翻译】VisualStudio11中的CSS编辑器改进(asp.net 4.5系列)-ScottGu相关推荐
- 用eclipse编写html页面,简述Eclipse中的CSS编辑器使用
CSS in Eclipse 4.2 在 Eclipse 4.2 的设置中,一些关于颜色和字体的设置改用了 CSS 进行设置.例如 General > Appearance > Color ...
- ASP.NET在主题中添加CSS文件
ASP.NET在主题中添加CSS文件 在ASP.NET中,可以使用CSS来控制页面上HTML元素和ASP.NET控件的皮肤.如果在主题文件夹中添加了CSS文件,则在页面应用主题时也会自动应用CSS. ...
- KindEditor编辑器在ASP.NET中的使用
KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...
- 翻译简历中所需的英文词汇
http://www.studycoop.cn/bbs/dispbbs.asp?boardID=40&ID=103&page=1 翻译简历中所需的英文词汇 1, JOB OBJECT ...
- css 编辑器_十大CSS编辑器[评论]
CSS是一种简单的语言,不需要特殊的编辑器即可编写. 但是,使用合适的代码编辑器将有助于您在编写CSS代码时最大程度地减少错误,并总体上提高生产率. 我知道对于某些开发人员来说,代码编辑器是个人喜好: ...
- 给 Web 前端开发人员推荐20款 CSS 编辑器
CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉.特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点. 在开发中,选择好工具是非常重要的 ...
- 最好的20款 CSS 编辑器分享前端开发人员
CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉.特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点. 在开发中,选择好工具是非常重要的 ...
- [译] JavaScript 中的 CSS:基于组件的样式的未来
本文讲的是[译] JavaScript 中的 CSS:基于组件的样式的未来, 原文地址:CSS in JavaScript: The future of component-based styling ...
- bluePen – 使用在线 CSS 编辑器美化你的网站
BluePen 是一款非常强大的样式编辑工具,甚至可以轻松地安装在一个动态的网站中.一旦你已经安装了它,你就可以在任何时间,任何地方修改样式表,一切修改将实时更新到您的浏览器(但不是线上网站),在按下 ...
最新文章
- synchronized关键字实现原理
- 浅谈游戏自动寻路A*算法
- DELPHI串口通讯编程
- 亚马逊aws深度学习_AWS速查表:Amazon Web Services入门时首先要学习的5件事
- Java应用线上CPU飙高
- Redis 6.0.0 GA
- IE选项中的高级选项卡“启用内存保护帮助减少联机攻击”是灰色的,不能把前面的勾选取消掉
- c语言考试常考大题,C语言题库经典题 考试常考题.doc
- 日常记录,记下来自己的遇到的问题
- Ajax 1.0 中使用web控件调用后台方法的用法.
- svn checkout的时候报E000022错误
- python调用sklearn库BP神经网络基于小样本进行痘痘预测尝试
- 20200516每日一句
- 继承 actionSupport
- 基于 attention 机制的 LSTM 神经网络 超短期负荷预测方法学习记录
- python模拟按键directx,Python3在DirectX游戏中移动鼠标
- 神书《笛卡儿几何》读后感
- wireshark学习系列————4、实时捕捉数据包
- 嵌入式产品测试工装——ETest
- 由“人肉搜索”到“人肉防火墙”想到的。。。
热门文章
- python命令式编程的概念,【Python】十分钟学会函数式编程
- 微信小程序(购物车)--在wxml中设置保留小数位数
- python 复制、移动文件到指定目录并修改名字
- displaynone符合html5标准,javascript – JS HTML5验证“display:none”必需的输入元素
- nbiot开发需要掌握什么_包装设计需要掌握什么技巧
- 2021厦门高考成绩查询,2021年厦门高考成绩排名查询,成绩什么时候可以查询
- 面试题整理5 顺时针打印矩阵
- Chrome神器Vimium快捷键学习记录
- 关于错误的那点事——惨不忍睹的错误
- Java程序员从笨鸟到菜鸟之(八十六)跟我学jquery(二)大话jquery选择器