[分享]css3所有元素

CSS3是指层叠样式表（Cascading Style Sheets）第三版，是一种用于设计网页布局和样式的编程语言。它是与HTML和JavaScript一起使用的，为Web开发者提供了更多的方式来控...

CSS3是指层叠样式表（Cascading Style Sheets）第三版，是一种用于设计网页布局和样式的编程语言。它是与HTML和JavaScript一起使用的，为Web开发者提供了更多的方式来控制HTML标记的视觉呈现，使网页更加美观和易于使用。下面将介绍所有的CSS3元素。

* {
  box-sizing: border-box;
} 

该元素定义了通用CSS3规则。在这个例子中，box-sizing:border-box告诉浏览器按照盒模型的规则计算元素的宽度和高度，使得任何添加的边框或内边距都不会改变元素的实际大小。

body {
    background-color: #f8f8f8;
} 

该元素定义了网页的背景颜色。在这个例子中，我们将网页的背景颜色设置为#f8f8f8，这是一种浅灰色，使网页看起来更加清爽和整洁。

h1 {
    font-size: 2em;
    font-weight: bold;
    color: #333;
} 

该元素定义了网页标题标签的样式。在这个例子中，我们将标题的字体大小设置为2em，字体加粗，字体颜色设置为#333，这样可以让标题在页面上更加突出。

li {
    list-style-type: none;
} 

该元素定义了无序列表中的列表项的样式。在这个例子中，我们将列表项的样式设置为无符号，以便去除默认的圆点符号，使所有列表项看起来更加整齐。

a {
    text-decoration: none;
    color: #0066cc;
} 

该元素定义了超链接的样式。在这个例子中，我们将超链接的下划线去掉，并将文本颜色设置为#0066cc，这使得超链接更加易于识别和区分。

button {
    background-color: #0066cc;
    color: white;
    font-size: 1em;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
} 

该元素定义了按钮的样式。在这个例子中，我们将按钮的背景颜色设置为#0066cc，将字体颜色设置为白色，将字体大小设置为1em，设定填充宽度为10像素和20像素，去掉边框，并将边框圆角设置为4像素，以便使按钮看起来更加干净和美观。