CSS3 技术积累

最新推荐文章于 2024-06-11 15:34:15 发布

洛神夫

最新推荐文章于 2024-06-11 15:34:15 发布

阅读量1.1k

点赞数

分类专栏：技术探究文章标签： CSS

本文链接：https://blog.csdn.net/luoshenfu001/article/details/15813759

版权

技术探究专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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>