标签归档:css

web developer tips (81):为css的智能提示和属性选择css的模式

原文地址:How to Select the CSS Schema for Intellisense and CSS Properties 在Visual Studio 2008里,有个样式工具栏(Style Sheet Toolbar ),通过它允许选择使用的css模式(CSS Schema),如下图所示 但是这个设置只支持css的编辑器,不支持在aspx和html页面的智能提示。也不支持css属性窗体里属性/值的设置。如下图所示: //www.watch-life.net/visual-studio/how-to-select-the-css-schema-for-intellisense-and-css-properti......[阅读全文]

web developer tips (68):附加样式表到网页

原文地址:How simple it is to attach an existing style sheet to your web page? 在Visual Studio 2008里打开已经建好的网站,在解决方案管理器里,双击打开想附加样式表(css)的网页。 切换到设计视图,通过菜单:格式+附加样式表,打开“选择样式表”对话框。 //www.watch-life.net/visual-studio/how-simple-it-is-to-attach-an-existing-style-sheet-to-your-web-page.html 在对话框选中需要附加的样式文件,单击“......[阅读全文]

web developer tips (54):取消HTML/ CSS编辑器的智能提示

原文地址:How you can turn off intellisense for HTML/ CSS editors 如果你想关闭HTML编辑器(aspx,html 文件)和CSS编辑器(css文件)的智能提示(intellisense)功能,你可以这么做,通过Visual Studio菜单工具+选项打开“选项”对话框,进行设置。 //www.watch-life.net/visual-studio/turn-off-intellisense-for-html-css-editors.html 对于HTML编辑器,通过菜单工具+选项+文本编辑器+HTML+常规,不选中“自动列出成员”......[阅读全文]

帮帮我!我不懂JavaScript

本文翻译自著名的Javascript库mootools的一篇Javascript入门文章Help! I Don’t Know JavaScript!,虽然是2007年的旧文,但现在看来仍是比较好的学习HTML,CSS,JavaScrip入门知识资源与参考文章,对javascript初学者很有帮助。 ——————————————————————————– 为所有对MooTools感兴趣的开......[阅读全文]

web developer tips (28):CSS class 也支持“转到定义”

原文地址:That “Go to definition” is supported for CSS Class 如果有个有个样式定义比如:Class = ”fooRed”,如果快速知道“fooRed”的内容呢? <div class ="fooRed"> In RED </div> //www.watch-life.net/visual-studio/go-to-definition-is-supported-for-css-class.html 可以把光标放在“ fooRed ”上,按下F12,在当前页面或外部样式文件里,将高亮显示css class.也可以右键单击,在上下文菜单中选择”......[阅读全文]

web developer tips (24):显示html/css的警告错误或错误

原文地址:You could display CSS/HTML errors as warnings or as errors 在vs2008里面可以有个很cool的功能,可以降级显示作为任何警告的错误,这个功能很有用,它可以让你区分验证的错误和查找让程序无法生成的错误。 //www.watch-life.net/life-thinking/display-css-html-errors-as-warnings-or-as-errors.html 在vs2008里面,默认会如下图所示显示任何html/css 的作为警告的错误。注意警告有个绿色的波浪线。 ......[阅读全文]

web developer tips (18):从工具箱粘贴或拖拽控件时进行绝对定位

原文地址:How to absolute position controls on copy paste or drag drop from Toolbox 在设计器里为了让任何任一控件进行绝对定位,你需要选中控件,然后选择如下菜单:格式+设置位置+绝对。 有时候,你也许想从工具箱拖拽控件或在设计器里剪贴控件后就让控件被绝对定位。你可以这样做: //www.watch-life.net/life-thinking/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html 菜单:工具+......[阅读全文]

web developer tips (16):变更CSS编辑器的默认格式设置

原文地址:change the default format settings for CSS Editor 菜单:工具+选项+文本编辑器+css+格式。 这个对话框给出了三种css书写格式,你可以根据自己的需要灵活选择: //www.watch-life.net/visual-studio/change-the-default-format-settings-for-css-editor.html 紧凑模式(Compact rules):选择这个选项后,属性会被放在一行,如下所示: <style type=”text/css”> .MyCSStyle { text-align:center; margin-left:5px;......[阅读全文]

web developer tips (11):在Visual Web Developer中用不同的工具窗口打开样式生成器

原文地址:New Style builder can be invoked from various other tool windows in Visual Web Developer 在上一篇文章中介绍了“Visual Web Developer 2008中新的样式生成器”。其实有三个入口点可以打开样式生成器的窗体,你可以从IDE的下面三个位置打开它: //www.watch-life.net/visual-studio/new-style-builder-can-be-invoked-from-various-other-tool-windows-in-visual-web-developer.html CSS属性窗口:通过菜单“视图+css属性”打开......[阅读全文]

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-n......[阅读全文]

web developer tips (2):样式应用工具栏的工作模式

原文链接:The Style Application Toolbar works in both Auto and Manual modes “样式应用工具栏”使你可以自动创建和修改样式,这个工具窗口有自动和手动两种工作模式。 “自动模式”是针对不熟悉CSS的用户, Visual Studio将控制新生成的样式放置位置。 “手工模式”是针对有经验的用户,手动模式下用户可以通过目标规则来控制样式放置位置,目标规则在一个下拉框里显示:类名(当前......[阅读全文]

web developer tips (1):创建、管理、应用样式表的强大工具

原文链接:Powerful CSS Tools to Create, Manage and Apply Styles Visual Studio 2008 包含了三个新的CSS样式工具窗口: 1、应用样式(Apply Styles ) 2、管理样式(Manage Styles) 3、CSS属性(CSS Properties) 在(aspx文件)设计视图,或拆分视图,或源视图 的模式中,在“视图”菜单下上述三个选项都是可用的。 应用样式 使用此工具窗口,你可以创建、应用、修改样式。这个工具窗口列出了特定页......[阅读全文]