1.文字在垂直方向居中===》 line-height = 元素高度

ps:文字内容不能超过元素的宽度,即不能换行。


2.ID==》标识唯一元素

  Class===》标识一类元素

  每个标签元素可以赋予多个Class


3.常用命名规范


   导航:nav

   侧栏:sidebar

   栏目:column

   页面外围控制整体布局宽度:wrapper

   登录条:loginbar

   广告:banner

   页面主体:main

   子导航:subnav

    菜单:menu

   子菜单:submenu

   友情链接:friendlinks

*******************************************************************

4.通配选择符===》控制所有HTML元素,但效率最低,慎用。。。

   *{属性:值}


5.包含选择符(嵌套/派生)===》控制某个父元素内部的子元素(代码量少,优化)

   父元素 子元素{属性:值}


6.标签指定选择符===》同时使用标签选择符和ID/Class

    标签选择符类名/ID{ }


7.选择符分组(集体控制)===》将同样的样式用于多个选择符,选择符之间用‘,’隔


   选择符1,选择符2,选择符3{属性:值}


8.组合选择符

****************************************************************************

****************************************************************************