【CSS视频】DIV+CSS制作基于UL列表的横向导航菜单
CSS网页布局中,除了新闻列表、链接运用UL、LI制作以外,我们通常将菜单也用UL、LI来实现。我们下面用CSS来改变它的外观,使它能横向在一行中显示,并且将项目符号去掉。
CSS网页布局中,除了新闻列表、链接运用UL、LI制作以外,我们通常将菜单也用UL、LI来实现。我们下面用CSS来改变它的外观,使它能横向在一行中显示,并且将项目符号去掉。
尽量运用上下文相关或者有递归下降结构的选择符。这可以使得你的标记更清晰。例如:#subnav li {border: 1px solid black; padding: .5em; display: inline} 将能够只能影响你的子导航栏的 div 中的列表项。
使用CSS进行网页布局的基本思想就是:结构化标记,所写即所想,所想即所写。即便书写 CSS 很简单,使用 CSS 来排版却真的需要一种和我们以往有些不同的思维方式。
DIV+CSS页面布局为什么这么火爆?为什么使用Table布局是不明智的?用CSS页面布局能给我们的网页设计带来什么好处?为什么用CSS布局页面会提高效率降低成本?
另外不要以为凡是hack都是为IE准备的。其实有些hack是针对其他浏览器的,比如FF。这就要求你对CSS标准的熟练掌握,能够自信的判断哪些渲染是遵守标准,哪些违反标准的。
不同的HTML标签之间用英文逗号进行分隔,告诉浏览器这里有多个标签元素,当然如果不加这个逗号也是一种选择符群组的方式,但却是完全不同的含义。
若是就HTML而言,CSS中的选择符除了自定义的class和id之外,一般就是预置的HTML元素标签了,如p、h1、em甚至html等。
熟记选择符、声明、属性等术语,至少以后看其它CSS教程的时候不会摸不着头脑。事实上CSS在实际书写的时候具有很大的灵活性,适当的空格和换行不会对其产生影响,有人喜欢缩进,有人喜欢分行,哪种更好没有一个很固定的衡量标准。