CSS网页布局入门教程:纵向导航菜单
首先建立一个DIV，为其命名为“nav”，在DIV中建立一个无序列表，导航共有几个栏目，就为列表添加几个的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
在浏览器的 Developer tools 中不断的试验看效果，合适时就保存下来成为一个 CSS 文件就好了。
当鼠标经过导航栏时就会平滑拉菜单，不仅如此该响应式导航栏在手机屏幕和ie浏览器中也同样能够正常运行。
还要多联系，操作，才能慢慢搞定。建议你去看《HTML5布局之路》，里面从网站文件的创建开始，讲到网页整体布局的搭建，再到模块标签的选用与样式处理，最后是针对文本图片的样式处理。跟着学下来，就完全能够掌握网站布局了。
这问题一出我就知道你一定不是内行人，如果内行人不会问这种问题的，百度知道是供你问一些当你苦思冥想都想不出来的时候你通过问一个问题，可以得到打通你思路的答案。
这是我拿网络上的一个纯CSS菜单样式修改的竖排样式，你可以拿去参考和再次修改。希望能帮到你。下面是效果图，左侧是未展开的，右侧是展开的效果。
CSS样式表代码布局基础教程
html css基础教程归纳如下：第Html介绍本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签，最后讲解了在html中的注释代码的作用。
新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。
在网页中插入CSS样式表教程：第一种：行内式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开，就实现插入CSS样式。如上图所示。
important申明的HTML标记选择符样式为红色文字。如果去掉！important，则依照优先权最高的ID选择符为黄色文字。 注释 你可以在CSS中插入注释来说明你代码的意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。
css怎么样需要学习什么知识?
1、选择器的就是根据不同需求把不同标签选出来。
2、知识方面：html：刚开始你只要了解不同的标签用途，可以别管标签的嵌套规范，学太多学不过来的，可以多看看其他网站是怎么做的。就用firebug看。
3、精通HTML5+CSS3需要学什么？主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。
4、今天小编要跟大家分析的文章是关于Web前端工程师要了解的html+css基础知识。正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对正在从事Web前端工作和学习的小伙伴们有所帮助。
5、最好点击后台语言，如java和php。为什么？因为我们前台界面的数据来自后台，如果我们能点击后台代码，我们就知道如何与后台交互数据是最好的，这样可以节省时间，使前端代码更加标准化。学习css3+html5。