简单的动态网页

这个星期主要来说是完成一个带有css3的见到那网页，网页写出来后感觉比以前的B格高一点，因为自己水平有限，写不出更好的，所以暂时说一下这个简单的网页。
这个星期的网页没有模板，只好自己来构思布局什么的，开始都不知道从何入手，后来看了一下百度百科，决定写这么简单的布局。其实在写这个网页的过程中还是遇到一些问题。第一个就是 CSS3中圆角的设置，用来做圆形的时候必须要用到圆角设置，所以border-radius属性是少不了的，当时用这个属性的时候也不知道设置值为多少才能让他变圆，试了几个值试出来的。第二个问题就是动画的问题，本来想做一个动画试鼠标在上面时照片有层次感的出来，但是效果还是一起出来。为此又恶补了一下css的属性选择器，后代选择器，子选择器，伪类等等，然后发现这块是以前觉得不怎么重要也看的很随便的一部分，没想到现在做css3的时候就体现出来了，自己种下的苦果，跪着也得吃完。

在子选择器中，举一个简单的例子 table.company td > p表示的就是td元素子元素的所有 p 元素，这个 td 元素本身从 table 元素继承，该 table 元素有一个包含 company 的 class 属性。所以在需要给单独的块设置属性动画的时候，可以用类似的方法在body中找到需要的块，然后添加动画。后代选择器也有个强大的属性，例如ul em，这个语法就会选择从 ul 元素继承的所有 em 元素，而不论 em 的嵌套层次多深。这中语法未网页制作提供了很大的方便，这个语法就不需要一点点的深入去寻找这个元素的具体位置。最后就是伪类和伪元素，这两个都可以和css结合起来用，感觉用起来比较简单（虽然我没怎么用过）。