前端 | css学习笔记Ⅰ:标签



注释

/*注释文字*/ css代码内插入注释

span

<head>标签里添加css样式 <style type="text/css"></style>

用span{}进行规范

再在<body>里对指定文本添加此样式,用<span>

css组成

css样式由选择符声明组成

p{ color : blue;font-size:12px; }

  • 选择符:指明网页中要应用样式规则的元素

  • 声明:在英文大括号{}中的即为声明,属性和值之间用英文冒号分隔;当有多条声明时,用英文分号分隔

代码形式

css样式代码插入的形式:内联式、嵌入式、外部式

  • 内联式:css样式表就是把css代码直接写在现有的html标签中

<p style="color:red">这里文字是红色</p>

  • 嵌入式:把css样式代码写在标签之间

  • 外部式:把css代码写入一个单独的外部文件中,这个css样式文件以”.css”为扩展名,再在内使用标签将css样式文件链接到html文件内,如:

<link href="base.css" rel="stylesheet" type="text/css" />