将表格渲染出来,能够看到表格是最基本的,如果连表格都没有的话,怎么去设置它的样式.呈现表格,代码如下: <table> <thead> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </thead> <tbody> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </tbody> </table>
2.
上面的表格是没有任何样式的,如果你不看代码还以为没有用到样式呢.这一步将样式加上,加的是边框样式,代码如下: td{ border: 1px solid red; } 因为TD是标签,无需加其它任何的样式,只需要针对它添加样式即可.
3.
同样的,你可以给TD加上其它的样式 ,比如大小,边距等等,代码如下: td{ border: 1px solid red; width: 30px; margin: 10px; }
@ css设计器怎么用？
1、首先打开DreamweaverCC软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：
2、在创建窗口中，点击浏览按钮。
3、然后选择站点创建好CSS文件夹，然后输入创建的CSS的名字，点击保存插件文件：
4、然后把添加为设置成链接，点击确定按钮：
5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了：
6、此时在html文件中的head标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表：
7、接下来在html网页编辑页面，在body标签中输入一个div：
8、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为aaa，并按下快捷键Ctrl+S保存样式表：
9、最后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称aaa并保存网页：
10、最后点击顶部的设计按钮，就可以看到实时效果了，此时css文件就成功链接进去了：
@ 感知技术特点？
感知技术不但有助于减少编写代码时出现的错误，还有助于提高工作效率。在 Microsoft Expression Web 中，可以在使用 HTML、级联样式表 (CSS)、可扩展样式表语言 (XSL)、JScript、JavaScript、Visual Basic Scripting Edition (VBScript)、ASP .NET 和 PHP: Hypertext Processor (PHP) 时使用感知技术。
感知技术是“代码”视图中的功能，它可以自动插入代码并实现对代码超链接的跟踪。
感知技术还可以显示上下文相关的屏幕提示或快捷菜单，以便查找和插入对于代码中的当前点有效的代码。例如，如果在键入 CSS 选择器后键入了一个左大括号 ({)，智能感知会显示一个包含所有可用属性且按字母顺序排序的快捷菜单。
从菜单中选择某个属性或键入该属性之后，感知技术会显示另一个包含适用于所选属性的值的快捷菜单。
感知技术特点:
1.自动插入结束标记、右大括号和值引用。
2.上下文相关的快捷菜单，列出与代码中的当前点兼容的代码，并且可以插入这些代码。
3.上下文相关的屏幕提示，列出与代码中的当前点兼容的变量、函数或参数。
3.代码超链接，单击这些指向类、外部 CSS 文件和脚本函数的超链接或引用可以打开或转到这些项的来源。
@ 类选择器语法？
1. 标签名选择器 div { color：Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id 4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签 5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
