CSS基础认识
css:层叠样式表的认识
css:层叠样式表(Cascading style sheets)
css作用是什么?
给页面中的HTML标签设置样式
css引入方式
内嵌式:css写在style标签中(style标签虽然可以写在页面任何位置,但是通常约定写在head标签中)
外联式:css写在一个单独的.css文件中(需要通过link标签在网页中引用)
行内式:css写在标签的style属性中(可配合js使用)
p { color:red; }
p:选择器
color:red; css属性
color:属性名
red:属性值
<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> <link rel="stylesheet" href="./my.css"> <style> p { color: red; font-size: 30px; } </style> </head> <body> <p>这是p标签</p> <div style="color: aqua;">这是标签</div> </body>