web developer tips (10):Visual Web Developer 2008中新的样式生成器

原文地址:Visual Web Developer 2008 has a New Style Builder Dialog

Visual Studio 2008里有个新的样式生成器对话框(窗体)。使用此对话框生成样式,也可以在同一时间预览。可以为一个创建样式定位给当前页面或现有的外部样样式表或新的外部样式表。可以创建基于ID的、基于元素的、内嵌的、基于类的的样式。样式有综合选择器。

//www.watch-life.net/visual-studio/visual-web-developer-2008-has-a-new-style-builder-dialog.html

通过菜单:格式+新建样式打开“新建样式”对话框,也可以通过“管理样式”和“应用样式”工具窗口来打开它。

对话框如下图所示:

New Style

关于对话框里的各个选项:

定义位置:你可以定义新的样式创建在当前页面,现有的样式表,新的样式表。
选择器:你可以自己输入或者从下拉框选择,比如使用联级选择器,或从下拉框中选择联级样式。
将新样式应用于文档选择内容:勾选这个选项,新样式将会文档选择的内容被应用。
类别:点击每个类别时,右边就会打开相关的属性。任何设置了属性的类别都会以粗体方式显示。如上图所示,Font,Background和Border类别都是以粗体方式显示,是因为他们的一部分属性已经被设置。
URL:只有当你在“定义位置”中选择“现有样式表”时,这个选项才需要设置,应该标示出css文件的路径。

现在如果你想为一个按钮控件创建样式,所有你可以做的就是在设计中选中这个按钮,打开“新建样式”对话框,设置你需要的属性,预览、点“应用”按钮。

样式生成器对于css样式新手来说非常有用,用它来在Asp.net完成常规的样式编码绝对手到擒来。当然,如果你想实现非常库的效果,比如“圆角”效果,恐怕就需要更多的css知识了。

你可能也会喜欢以下文章:

发表评论

电子邮件地址不会被公开。 必填项已用*标注