前端学习笔记-CSS
CSS的引入方式: 内嵌式引入:在标签内直接使用style属性,每个样式使用分号隔开。 1 <div style="color: red;font-size:25px ; 2 font-family: 'Microsoft Yahei';line-height: 50px"> 3 窗前明月光,<br /> 4 疑是地上霜。<br /> 5 举头望明月,<br /> 6 低头思故乡。<br /> 7 </div> 外联式引入:使用link标签引入本地css样式文件。 1 <link rel="stylesheet" type="text/css" href="main.css"> CSS选择器: 标签选择器:当前html下的所有div样式都是被设置成这样。 div{ color: red; } id选择器:只能选择一个标签的一个id,但权重要比类选择器大。 #div2{ color: green; } <div id="div2">遥看瀑布挂前川。</div> 类选择器:可选择多个标签,拓展性高。 .gold{ color: gold; } <div class="gold">飞流直下三千尺,</div> 层级选择器:即在class类选择器下空格加个标签,从而实现只修改某个类下的某个标签下的内容。 .list li{ height: 30px; } <div