上文介绍了如何在网页中使用css及css的常用知识点，今天首先介绍css 的选择器，所谓选择器就是通过一定的规则语法查找html元素节点，只有找到这些元素才能应用样式。
选择器类型
css 选择器从不精确到最精确，可分以下几种：
- 通用选择器 （*）-—— 选择所有元素
- 标签选择器（tag）—— 按 HTML 标记名称定位元素（包括伪元素）
2024年10月23日
上文介绍了如何在网页中使用css及css的常用知识点，今天首先介绍css 的选择器，所谓选择器就是通过一定的规则语法查找html元素节点，只有找到这些元素才能应用样式。
css 选择器从不精确到最精确，可分以下几种：
2024年10月23日
2024年10月23日
在面试中考察css的时候面试官可能会让你聊一聊浮动,那么接下来我们将总结css中浮动的常见的问题
2024年10月23日
CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。
2024年10月23日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1{
text-align:center;
color:#001D26;
}
h4{
color:#900
}
p{
font-size:16px;
color:#3E4B53;
text-indent:2em;
}
a:link{
color:skyblue;
}
a:hover{
color:red;
}
body{
background-image:url(https://labfile.oss.aliyuncs.com/courses/2841/bg1.jpg);
}
</style>
</head>
<body>
<p>
<h1> 忆江南 </h1>
</p>
<a href="https://labfile.oss.aliyuncs.com/courses/2841/poem.htm">唐·白居易</a>
<p>
(1)江南好，风景旧曾谙。(2)日出江花红胜火，春来江水绿如蓝，(3)能不忆江南。
</p>
<h4>作者介绍</h4>
<p>
白居易（772-846），字乐天，太原（今属山西）人。唐德宗朝进士，元和三年（808）拜左拾遗，后贬
江州（今属江西）司马，移忠州（今属四川）刺史，又为苏州（今属江苏）、同州（今属山西大荔）刺史。晚居
洛阳，自号醉吟先生、香山居士。其诗政治倾向鲜明，重讽喻，尚坦易，为中唐大家。也是早期词人重的佼佼者，
所作对后世影响甚大。
</p>
<h4>注释</h4>
<p>
(1)据《乐府杂录》，此词又名《谢秋娘》，系唐李德裕为亡姬谢秋娘作。
又名《望江南》、《梦江南》等。分单调、双调两体。单调二十七字，双调五十四字，
皆平韵。
(2)谙（音安）：熟悉。
(3)蓝：蓝草，其叶可制青绿染料。
</p>
<h4>品评</h4>
<p>
此词写江南春色，首句“江南好”，以一个既浅切又圆活的“好”字，摄尽江南的种种佳处，
而作者的赞颂之意与向往之情也尽寓其中。同时，唯因“好”之已甚，方能“忆”之不休，因此，
词句又已暗逗结句“能不忆江南”，并与之相关阖。此句“风景旧曾谙”，点明江南风景之“好”，
并非得之传闻，而是作者出牧杭州时的亲身体验与亲身感受。这就既落实了“好”字，又照应了“忆”字，
不失为勾通一篇意脉的精彩笔墨。三两句对江南之“好”进行形象化的演绎，突出渲染红花、江水红绿相映
的明艳色彩，给人以光彩夺目的强烈印象。其中，既有同色间的相互烘托，又有异色间的相互映衬，充分显示了作者
善于著色的技巧。篇末，以“能不忆江南”收束全词，既托出身在洛阳的作者对江南春色的无限赞叹与怀念，又造成一种悠远而又
深长的韵味，把读者带入余情摇漾的境界中。
</p>
</body>
</html>2024年10月23日
在设计器中，大家拾取网页元素后，在右侧的属性栏里都会有一个叫“查找路径”的选择框，一般也很少有人用到，打开后里面显示了一堆‘@ #￥#%#￥@ *T&’的玩意 ，那么这个“查找路径”到底是个什么呢？有何用途？
设计器中的“查找路径”中显示的其实就是 cssSelector，是一种常用的选择器。简而言之，可以理解为通过 cssSelector 定位到你需要找到的页面元素。当然，一个页面元素（比如本例中的百度按钮）肯定不止一种方式的 cssSelector，通过上图可以发现有好几个，那么这些代码具体分别代表什么意思，继续往下看！