HTML 代码-01
打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...
打开 HTML-01
先书写一段 HTML 代码为一会儿的 Css 样式做准备
新建记事本
在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )
笔记本书写 css 样式
在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )
更改后缀名
关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )
HTML 代码-02
连接好了再次打开 HTML 文件就可以看到:
打开 HTML-02
附录: 详细的 Css 代码
Css 示例代码
a{color:#039text-decoration:nonecursor:pointer}a:hover{color:#f00text-decoration:none}
这种写法可以实现效果没错,以前我也非常喜欢使用这种写法
但现在都使用规范写法
a:link {color:#00Ftext-decoration:none} /* 未访问的链接 */
a:visited {color: #00Ftext-decoration:none} /* 已访问的链接 */
a:hover{color: #F00text-decoration:underline} /* 鼠标在链接上 */
a:active {color: #F00text-decoration:underline} /* 点击激活链接 */
超连接的样式一般在CSS的起始就定义了用做公共样式
如果是本地的aa.css文件，最简单的打开方式是利用txt记事本打开。或者是利用Notepad++软件、Adobe Dreamweaver可以打开。Notepad++软件、Adobe Dreamweaver是网页编辑软件，比较方便阅读编辑。
如果在阅读的源代码里打开css文件，直接点击.css文件即可，css文件直接在网页中打开。
CSS也是我们常叫的样式表、通俗叫切图和静态网页布局。
我们知道HTML网页是由若干标签和内容组成。标签包括了div标签、span标签、a锚文本标签、strong加粗标签、b加粗标签、p段落标签、br换行标签等组成。而外表生龙活虎漂亮的网页样式却是CSS控制得出。
一个完整漂亮网页，就是由html标签与控制这些标签布局和美化功能CSS组成。
