前端入门CSS(1)
day48 参考: https://www.cnblogs.com/liwenzhou/p/7999532.html CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式,不推荐大规模使用,作用范围小,优先级最高。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的 <head></head> 标签对的<style></style>标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 整个h3的颜色都被更改。 外部样式 外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet"> CSS选择器 基本选择器 1.元素选择器 2.ID选择器 3.类选择器 p(元素) #p2(ID) 尽量不要使用 需要保证id的属性值具有唯一性 JavaScript: 对象document,方法getElementById("one"),标签变成了对象,只要找到就不找了。 .c1(类) 标签中的class属性如果有多个