我的web程序学习记录4

最新推荐文章于 2020-05-24 23:33:16 发布

阿澜澜儿

最新推荐文章于 2020-05-24 23:33:16 发布

阅读量868

点赞数

文章标签： css3 html5

本文链接：https://blog.csdn.net/zx616122/article/details/106322198

版权

css渲染页面

CSS3给我们带来的好处:简单的说，CSS3 把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。
CSS 选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器;第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器。

使用基本选择器编写一个实例

html代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>css项目列表</title>
  <link rel="stylesheet" href="1.css" type="text/css"/>
 </head>
 <body>
  <div class="demo">
   <ul class="clearfix">
    <li id="first" class="first">1</li>
    <li class="active important">2</li>
    <li class="important items">3</li>
    <li class="important">4</li>
    <li>6</li>
    <li class="items">5</li>
     <li>7</li> <li>8</li>
     <li id="last" class="last">10</li>
    </ul> 
    </div>
 </body>
</html>