CSS基础知识

CSS是一种用于美化HTML页面的样式表语言,涉及字体、颜色、布局等多个方面。从CSS1.0到CSS3.0,其功能不断扩展,包括浮动、定位、圆角、阴影和动画等。CSS的优势在于内容与表现的分离,使代码更简洁,易于复用,有利于SEO,提高搜索引擎收录。它有三种导入方式,优先级遵循就近原则,选择器如标签、类和ID选择器有不同的优先级,还有后代、子和相邻兄弟等层次选择器来精准定位页面元素。
摘要由CSDN通过智能技术生成
  1. CSS :Cascading Style Sheet层叠级联样式表

  2. 涉及内容:美化网页(字体、颜色、编剧、高度、宽度、背景图片、网页定位、网页浮动)

  3. 发展史:CSS1.0(字体) CSS2.0(div+css)CSS2.1(浮动、定位)CSS3.0(圆角、阴影、动画、浏览器兼容性)

  4. html文件内涵简单样式
    在这里插入图片描述

  5. link链接css样式
    在这里插入图片描述

  6. css的优势:内容和表现分离,代码简洁美观、可以实现复用、样式丰富、利用SEO,容易被搜索引擎收录。

  7. CSS的三种导入方式
    优先级:就近原则~在这里插入图片描述

  8. 外部样式的两种导入方式:链接式(html标签)、导入式(css2.1特有)(大网页会导致先结构后渲染)
    在这里插入图片描述

  9. 选择器:选择页面上的某一个或某一类元素
    基本选择器:标签选择器、类选择器、id选择器
    优先级:id选择器>类选择器>标签选择器
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  10. 层次选择器
    后代选择器、子选择器、相邻兄弟选择器、通用选择器
    后代选择器:某个元素后面所有
    在这里插入图片描述子选择器:某个元素的儿子元素
    在这里插入图片描述
    相邻兄弟选择器:类选择器的下面相邻元素
    在这里插入图片描述
    类选择的下面元素
    在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值