css的基础小知识

CSS(cascading style sheet):层叠样式表

1、引入CSS的方法:
  • 行间样式
<div style="color:#0ff">......</div>
  • 页面及CSS(写在head标签里)
<htnl>
<head>
<style type="text/css">
        div{
        .........
        }
        </style>
 </head>
 <body>
 <div>......</div>
 </body>
 </html>
  • 外部CSS文件(建立一个新的文件:文件名 . css)
    在head标签里加入(href的属性值写所建立CSS文件的地址)
    <link rel="stylesheet" style=text/css href=" ">

2、选择器 ####(用来选择某一个元素)

  • id 选择器(是一一对应的关系)
<div id="id名">...</div>  ---->>  #id名{加入CSS}   
  • class选择器(多对多的关系)
<div class="demo">...</div>  ---->>  .demo{加入CSS}
  • 标签选择器
<div>...</div>  ---->>  div{加入CSS}
  • 通配符选择器(使用 * 代表所有的标签或元素)
    *{加入CSS}
  • 属性选择器
    [属性/属性+属性值]{加入CSS}

关于CSS的权重知识

!important------------->(权重值)正无穷
行间样式---------------->1000
id-------------------------->100
class|属性|伪类选择器---------------------->10
标签选择器------------------->1
通配符------------------------>0
写在同一行的选择器的权重可以相加

设置字体颜色的三种写法
1、颜色英文单词
在这里插入图片描述
2、颜色代码
在这里插入图片描述
3、颜色函数
在这里插入图片描述
设置字体的4个基本属性
1、字体大小:font-size: px/em/pt;(值使用数值即可)【任何设置字体的大小都是设置字体的高】
2、字体样式:font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
3、字体系列:font-family
4、字体粗细:font-weight: bold;(粗体) lighter;(细体) normal;(正常)bolder(更粗)

发布了27 篇原创文章 · 获赞 31 · 访问量 2647

猜你喜欢

转载自blog.csdn.net/weixin_46102597/article/details/104045234