如何提高css水平

html-css020

如何提高css水平,第1张

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

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

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

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

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

3、运行代码,效果如下:

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

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

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

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