精通CSS version2笔记2.小知识

添加背景：background-img:url(URL)+属性;

圆角框：选择器｛border-radius：单位;｝创建X单位的圆角框在元素周围

投影：box-shadow:垂直和水平偏移、投影的宽度（也就是模糊程度）和颜色 可以和border-radius结合创建圆角框上的投影。

不透明度opcity:0-1小数   0表示完全透明   1表示完全不透明

RGBa(x,x,x,x)RGB代表红色、绿色、蓝色 a代表透明度

RGBa值只分配给我们声明的元素，任何子元素都不继承透明度，而opcity属性总是会被继承。 

链接样式a:(l,V,H,F,A){   }(:link,visited,hover,focus,active);

锚：通过ID值在页面内跳转  

比如跳转到go</>，还可以用伪类元素:target给目标元素设置属性突出它以方便寻找#go:target{ font-family: 'Microsoft YaHei', 'Helvetica Neue', SimSun; background-color: rgb(240, 231, 180);">可以将a设置为display:block为创建一个类似按钮的链接8

下拉菜单的实现：

HTML:

• Home

• Products

• Silverback

• Fontdeck

• Services

• Design

• Development

• Consultancy

• Contact

css:ul.nav,nav ul{

margin: 0;

padding: 0;

list-style-type: none;

float: left;

border: 1px solid #486B02;

 

}

ul.nav li{

float: left;

width: 8em;

 

}

ul.nav li ul{

width: 8em;

position: absolute;

left: -999em;7

}

.nav li:hover ul{

left: auto;

}

没有修饰

疑点ul.nav和.nav  ul的区别：

ul.nav{}

代表着 寻找以ul为代表的 类名字叫nav的元素

.nav ul{}
代表 寻找类名字叫nav的元素 然后它下面的叫ul的HTML的标签