网页制作的难点

总结：
基本选择器之间：ID选择器>类选择器>标签选择器

样式表之间:行内样式>内嵌样式>外部样式

Css样式之间:在同一个选择器中，两条相同的声明，后一条声明会覆盖前一条声明，

5、盒子模型

盒子模型总尺寸=border-width-padding+margin+内容尺寸(宽度或高度)

6、浮动属性

Float:值(left,right,none,inherit(IE不支持不推荐使用))

与float属性结合使用的另一个属性clear，用于确定元素的那一侧不允许其他浮动元素，clear属性的值有5个，如下所示:

Left在左侧不允许浮动元素

Right:在右侧不允许浮动元素

Both:在左右侧均不允许浮动元素

None默认值，允许浮动元素出现在两侧

Inherit:规定应该从父元素继承clear属性的值，IE浏览器不支持，不推推荐使用。一般用于清除浮动时，使用both属性值的情况较多,即：

Clear:both;

7、定位属性:

1.绝对定位

position:absolute; z-index:2;(堆叠次序)

background-color：背景色。Transparent表示透明的背景色

background-attachment：确定背景图片是否跟随类容滚动，设置为fixed为固定的，scroll为滚动；

2.相对定位：position:relative;

8、控制元素显示方式

1.显示方式 display:值

2.处理盒子中的溢出：overflow：值

3.设置光标的形状:cursor:pointer(小手)

4．超链接样式:

a:link{color:#ff0000;} //未访问的链接

a：visited{color:#00CC00}//已访问的链接

a：hover{color:#000FF}//鼠标指针移动到链接上

a:active{color:#FF00FF}//选定的链接

定义样式必须是：linkàvisitedàhoveràactive

经验：内联标签可以包含于块级标签中，成为它的子元素，而反过来则不成立。

display:block；转换为块级元素；

学习完网页制作后，感觉难点基本没有了，总结了一下感觉就是需要多练习，菜单栏就是用一个大的div先进行包裹，然后在大的div里进行小的div模块分层，然后写样式，其他banner部分，还有主体部分也都是这样写的，就是有时候感觉有一点乱，不知道到底哪个样式可以有效的改变class，因为优先级的原因，有些样式会被划掉，所以这时候可以在你想要的样式后面加！important，提高优先级，基本上就这么多了，其他的都是需要多练习，才能孰能生巧。