如何提高css水平

html-css012

如何提高css水平,第1张

CSS基本上没什么技术含量，只要用时查看参考手册即可。主要是掌握CSS的工作原理。

高手可能用的熟练点，代码漂亮点。非高手就代码乱点，实现的手法糙一点，其实没有本质区别，就和开发程序一样，效果一样，手法多样。

有一个学CSS的个人经验，不要用软件实现，而是用手写代码来做，另外把新浪首页的CSS自己分析一遍，就可速成。

1、新建一个HTML文件，文件名为test.html，title标题为"CSS实现鼠标经过导航的超链接时显示下划线效果"。

2、在页面编写nav标签，在里面放三个超链接(首页、栏目一、栏目二)，代码如下：

3、运行代码，效果如下：

4、使用css对导航的字体的字体大小、颜色、排列方式等进行美化，代码如下：

5、运行代码，效果如下：可见，经过CSS样式美化，鼠标经过的时候，显示蓝色。

6、利用CSS编写代码，实现鼠标经过时显示下划线效果，代码如下：

7、在浏览器运行代码，实现了想要的效果。