©2016-2024 Matools All rights reserved,
粤ICP备17059708号
目录
* 什么是CSS
<https://blog.csdn.net/Allisa_yan/article/details/88560429#***%E4%BB%80%E4%B9%88%E6%98%AFCSS***>
* 为什么使用css
<https://blog.csdn.net/Allisa_yan/article/details/88560429#%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BD%BF%E7%94%A8css%EF%BC%9F%EF%BC%9F%EF%BC%9F>
* css样式规则
<https://blog.csdn.net/Allisa_yan/article/details/88560429#***css%E6%A0%B7%E5%BC%8F%E8%A7%84%E5%88%99***%C2%A0>
* css引用（行内、内部、外部link链入、导入式@import）
<https://blog.csdn.net/Allisa_yan/article/details/88560429#***css%E5%BC%95%E7%94%A8%EF%BC%88%E8%A1%8C%E5%86%85%E3%80%81%E5%86%85%E9%83%A8%E3%80%81%E5%A4%96%E9%83%A8link%E9%93%BE%E5%85%A5%E3%80%81%E5%AF%BC%E5%85%A5%E5%BC%8F%40import%EF%BC%89***%C2%A0>
* css三种使用方法的区别
<https://blog.csdn.net/Allisa_yan/article/details/88560429#***css%E4%B8%89%E7%A7%8D%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95%E7%9A%84%E5%8C%BA%E5%88%AB***>
***网页三大元素***
***什么是CSS***
***为什么使用css***
css样式中 不区分大小写
***css样式规则***
***css引用（行内、内部、外部link链入、导入式@import）***
* 行内样式（直接在标签后边添加css样式）
* 内部样式（通过<style>标签嵌入在<head>标签中）
* 外部链入（通过<link>标签在<head>标签中引入）
* 导入式（通过@import 在<style>标签中导入外部样式） <!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8"> <title>css样式</title> <!--导入式样式--> <style
type="text/css"> @import "css.css" /*或者： @import url(css.css)*/ </style>
<!--内部样式（嵌入样式）：将css样式代码写在<head>标签内部--> <style type="text/css"> <!-- 样式...
//说明：低版本的浏览器不会识别style样式表，不添加html注释则会将css样式展示在浏览器中；而高版本的浏览器则h会直接忽视注释符号，直接识别css样式
--> </style> <!--外部样式--> <link href="css.css" rel="stylesheet" type="text/css">
</head> <body> <!--css行内样式：在开始标签内 添加 style样式属性--> <p
style="color:red;font-size:20px;">内容</p> </body> </html>
***css三种使用方法的区别***
（实际工作中多使用 链入外部样式）
【注意】：不同标签有不同的默认样式，可参考《HTML标签默认样式汇总》
热门工具 换一换