CSS格式,选择器,属性

本文介绍了CSS的语法格式,包括选择器的分类,如基础选择器(id、元素、类选择器)和扩展选择器(*、并集、子代、伪类选择器),以及属性的应用,如字体、文本、背景、边框、尺寸和盒子模型等。重点讨论了选择器的优先级和伪类选择器在链接状态中的应用。
摘要由CSDN通过智能技术生成

CSS语法格式

选择器{
属性名1:属性值1;
属性名2:属性值2;

}

  1. 选择器:筛选具有类似特征的元素
  2. 注意:每一对属性需要用分号隔开,最后一个属性后可以不加分号

选择器

分类

基础选择器

  1. id选择器:选择具有id属性值的元素,建议在一个huml页面中id唯一
    #id属性值{}
  2. 元素选择器:选择具有相同标签名的元素
    标签名{}
  3. 类选择器:选择机油箱同class类属性值的元素
    .class属性值{}
    优先级:id选择器>类选择器>元素选择器

扩展选择器

  1. 选择所有元素 *{}
  2. 并集选择器 选择器1,选择器2{}
  3. 子选择器 选择器1 选择器2{}(只能对子选择器2生效)
  4. 后代选择器 选择器1>选择器2{}(能对子孙生效)
  5. 伪类选择器 选择一些元素具有的状态(链接a)
    状态:
    a:link{}:初始化的状态
    a:hover{}:鼠标悬浮状态
    a.active{}:正在访问的状态
    a.visited{}:被访问过的状态

属性

  1. 字体、文本
    font-size:文本大小
    color:文本颜色
    text-align:对齐方式
    lint-height:行高
  2. 背景
    background
  3. 边框
    border 复合属性
  4. 尺寸
    width:宽度
    height:高度
  5. 盒子模型(相对概念)
    margin:外边距
    padding:内边距(默认情况下内边距会影响整个盒子的大小,box-sizing:border-box;设置盒子的属性,让width和height就是最终盒子的大小
    float:浮动(left right)</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值