前端学习之CSS使用

mac2022-06-30  118

css的使用

使用方法:

行内样式(内联样式):在开始标签内加入style属性,如下所示: <p style="color:red;">行内样式</p> 内部样式(嵌入样式):把css代码写在<head>标签的<style>标签内,如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>内部样式</title> <style type="text/css"> 内部样式。。。 </style> </head> <body> </body> </html> 外部样式表:通过link标签引入外部.css文件,如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>外部样式表</title> <link href="xx.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html> 导入式:在<style>标签内通过import导入,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>导入式</title> <style type="text/css"> @import url(xx.css); </style> </head> <body> </body> </html>

css使用方法优先级:

行内样式>内部样式>外部样式

说明:

链入外部样式表与内部样式表之间的优先级取决于所处位置的先后最后定义的优先级最高(就近原则)
最新回复(0)