CSS

99 阅读1分钟

Cascading Style Sheets  层叠样式表

**css调用   **

1.行内样式

<p style=”color:blue”>我是段落</p>

2.内部样式

在head里写style 标签

<head>    
<meta charset="UTF-8">    
<meta name="viewport" content="width=device-width, initial-scale=1.0">    
<title>Document</title>    
<style>            
</style>
</head>

3.外部样式

新建一个新的文件 将文件后缀名改为 .css

链接引用  用link标签

<link rel="stylesheet" href=" ">        href中填写 .css 文件路径

标签分类

块级标签:独占一行  可以设置宽高

行内标签:不独占一行  不可以设置宽高

行内块标签: 没有独占一行  可以设置宽高

标签种类转换

display : "inline" ; 转成行内元素

display : "block" ; 转成块级元素

display : "inline-block" ; 转成行内块元素

css注释

/*  */   快捷键 :ctrl + ?

**选择器**

标签选择器

h1 {            color: red;        }

类选择器

<style>        .color {            color: red;   /*将p标签文字颜色改为红色*/        }    </style>

<body>    <p class="clolr">        我是p标签    </p></body>