简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 3.21作业
Blogger Information
Blog 14
fans 0
comment 0
visits 8867
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3.21作业
大熊的php博客
Original
578 people have browsed it

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" >
#l1{color: red;} /* id选择器*/
        .l2{color:skyblue;}/* 类选择器*/
        ul>li{ color:green;}/* 元素选择器*/

        .div1>#p1 {font-size: large;}

      /*  属性选择器
        所有包含id的被选择*/
        *[id]{font-size:medium;}
        /*li的所有的都被选择*/
        li[class=l2]{color:blue;}
        li[class~=li]{color:red}

       /* 伪类选择器*/
/*       在元素之前插入
      h1:before
  {
  content:url(logo.jpg);
  }
 /* 在元素之后插入*/
        h1:after
/*  {
  content:url(logo.jpg);
  }*/

</style>
   

</head>

<body>


<h1>标题</h1>
<div>


<p id="p1">这里是正文</p>
<p"" >这里是正文 </p>

<p><a href="/">email me</a> </p>


</div>

<ul>
<li id="l1">1</li>

<li>2</li>

<li id="l3">3</li>

<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>

</body>
</html>

运行

图片1.png


手抄代码

微信图片_20180324104639.jpg

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！