css学习笔记20160130导航栏下拉菜单图像拼合媒体类型属性和值选择器

导航栏就是链接列表,即列表项内容是链接.

默认的列表链接是竖直的,可以通过改变li元素样式为inline实现横向链接列表,也就是导航栏.横向导航栏要想等宽度需要用浮动li元素来实现.

可以对a元素设置宽度以及各种样式,实现导航栏的丰富多彩.

css下拉栏分为两部分,一部分是下拉栏主体,也是包含下拉栏代码的最外层,主体display可以不设置.关键点是下拉栏内容分为两个状态设置,正常时display是none,当鼠标hover时display设置成显示,即完成了下拉栏的功能.

可以用capacity属性设置元素的透明度,opacity属性值从0.0到到1.0值越小元素透明程度越高.

IE8和以前的版本使用滤镜实现元素的透明度设置.例如filter:alpha(opacity=40);滤镜里面的opacity属性值为0到100,值越小元素透明程度越高.

所谓的图像拼合就是将一张网页用到的多张图拼接成一张图,然后用定位的方式显示局部需要的图片,好处是可以减少对服务器的请求次数.

可以用@media实现不同媒体设备显示不同样式,常用的媒体样式有screen(电脑屏幕),print(用于打印机).

属性选择器可以选择出带有特定属性的元素,格式为[包含的属性名]{样式声明;}

属性和值选择器格式和属性选择器类似[包含的属性=属性值]{样式声明;}

多值属性选择器格式为[包含的属性~=属性值]{样式声明;}或者[包含的属性|=属性值]{样式声明;}前者可以选择出包含属性值用空格分隔的所有元素.后者可以选择出用连字符分隔的属性值的元素.