CSS3 技术积累

来源：互联网发布：python贪吃蛇源代码编辑：程序博客网时间：2024/06/06 00:50

CSS即层叠样式表（Cascading Stylesheet）。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。

CSS3的实验田，可以快速的在下面链接上实验一下，看看CSS的效果

http://www.w3school.com.cn/tiy/t.asp?f=css3_transform_rotate

我的问题：什么是div？ CSS可以实现的效果是怎样的？

下面这个代码片段，style中定义了一个button style class，在<button>是一个按钮，这两者是怎么结合起来的呢？style class可以和html tag 重名吗？

<!doctype html><html lang="en"><head>    <meta charset="utf-8" />    <title>Hello World</title>     <!-- CSS for presentation. -->    <style>    h1 { font-size: 14px; color: hotpink; }    button { color: red; }    </style></head><body>    <h1>Hello World</h1>    <button>Click Me!</button></body></html>