html 和css选择器入门基础知识【1】---2018年8月12日

<!doctype html> <!--对html文件声明，表明他是一个html文件-->
<html> <!--html的结构是html作为主体后面有头head，有身体body，头里面有标题title 我是理解为眼睛 有metalcharset定义字符集，这样中文才能在不同浏览器显示 我把他理解成鼻子 link链接外部文件我把它理解为嘴巴。这样比较好记。成对的标签叫元素，单个标签叫空元素，标签后面跟着是属性，属性后面是属性值！》
<head> <!--定义网页头部-->
    <title>php中文网</title> <!--网页标题-->
    <meta charset="utf-8">  <!--定义网页字符集，采用utf-8方式编码-->
  <link rel="stylesheet" type="text/css" href="static/style.css">  <!--外部样式表，主要是为了共享   css是层叠样式表-->
    <link rel="shortcut icon" type="image/x-icon" href="image/lala.jpg"> <!--网页标题左上角的小图标-->
<style type="text/css">

body{background:black;} 
 a{color:red;} /*标签tag选择器*/
 a[href="http://www.baidu.com"]{color:pink;}  /*独立选择器，用中括号括起来*/
#main{width:100px;  height:100px;  background: blue; color: yellow; } /*id选择器,用#号开头，id代表唯一性*/
.gaga{width: 100px; height:100px;  background: yellow; color: blue;} /*class 类选择器，用.开头，代表一类属性*/
 div a{color: pink;} /*二级选择器*两个标签下的选择器/
</style><!--内部样式表,优先级要高于外部样式表--> 
</head>

<body style="background:green;">  <!--内联样式表，内联样式优先级高于内部样式--> 
<a href="http://www.baidu.com">百度</a>  
<a href="http://www.php.cn">php中文网</a>
<a href="demo.html">一个例子</a> <!--内部链接到系统一个文件-->
<img src="">
<div id="main"> 12</div>
<div class="gaga">123 </div>
<div >
<a href="http://www.php.cn/">中文网学生多</a></div>

</body>
</html>
相关文章
