CSS学习

基础

配置网页的cion图标
在网站根目录下放置 favicon.ico 文件,浏览器在加载网页的时候会自动加载的。这个图片只能是 ico 格式,并且只能叫这个名字

如: css项目的根目录下

刷新网站没有生效,需要强制刷新,shift + 刷新

外部引入样式方式

<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <!-- rel: 指定引入文件和当前html的关系类型,如果不指定有些浏览器则不识别 -->
 <link rel="stylesheet" href="./position.css">
</head>

position.css

img {
 width: 100px;
 height: 100px;
}

优势:样式复用,html结构清晰,可触发浏览器缓存提高加载css速度

样式表的优先级

样式优先级: 行内样式 > 内部样式 = 外部样式,内部样式和外部样式按照加载顺序覆盖(后来者居上)

基本选择器

通配选择器

<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style>
 * {
 color: red;
 }
 </style>
</head>
<body>
 <h1>与天奋斗,与地奋斗,与人奋斗,其乐无穷</h1>
 <p>学习CSS</p>
</body>

1

作者:volc1606原文地址:https://www.cnblogs.com/cancan20/p/18533713

%s 个评论

要回复文章请先登录注册