CSS样式

css:
          css是一种描述html文档样式的语言。css描述应该如何显示html元素
     1,为什么要使用css?
           定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。
    优先级:id选择器=class类选择器>标签选择器>通用选择器
    2, 基本选择器:
        标签选择器:元素名称
        id选择器:给元素设置id属性(#),id是页面中唯一的,id不能以数字开头
        class类选择器:给元素设置class属性(.)
    3,通用选择器( * )
    4,组合选择符
        分组选择器:所有具有相同样式定义的html元素,用逗号隔开
    5,后代选择器
        某元素的后代元素
    6,子元素选择器
        子元素选择器没问题,容器有问题
    7,相邻兄弟选择器
    8,属性选择器
        [attribute]选择器
        [attribute="value"]选择器
    9,position 属性
        position : static ;
            默认情况下定位为static (静态)
            不会受top left right等属性影响
        position : relative ;
            受到top left right等属性导致偏移正常调整,不会对其余内容进行调整来适应元素留下的任何空间
        position : fixed ;
            相对于视口定位的,这意味着即使滚动页面,他也始终位于同一位置,top,right等属性用于此
        position : absolute ;
            相对于最近的祖先位元素进行定位,如果没有祖先,
        position : sticky ;
            粘性元素根据滚动位置再相对和固定之间切换,起先它会被相对定位,直到视口中遇到给定的偏移位置为止,将其粘贴在适当的位置
        
    10,重叠元素
        z-index 属性指定元素的堆栈顺序
        可以设置正负值

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值