CSS笔记

一、CSS简介

1.什么是CSS

CSS,Cascading Style Sheet层叠样式表
是一组样式设置规则,用于控制页面的外观样式

2.为什么使用CSS

  • 实现内容与样式的分离,便于团队开发
  • 样式复用,便于网站的后期维护
  • 页面的精确控制,让页面更精美

3.CSS作用

  • 页面外观美化
  • 布局和定位

二、基本用法

1、CSS语法

<head>
    <style>
        选择器{
            属性名:属性值;
            属性名:属性值;
        }
    </style>
</head>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 选择器:要修饰的对象(东西)
  • 属性名:修饰对象的哪个属性(样式)
  • 属性值:样式的取值

2、CSS应用方式

也称为CSS引用方式,有三种方式:内部样式、行内样式、外部样式

2.1 内部样式

也称为内嵌样式,在页面头部通过style标签定义
对当前页面当中所有符合样式选择器的标签都起作用

2.2 行内样式

也称为嵌入样式,使用HTML标签的style属性定义
只对设置style属性的标签起作用

2.3 外部样式

使用单独的CSS文件定义,然后在页面中使用 link标签@import指令 引入

  • 使用link标签链接外部样式文件(推存用法)

    <link rel="stylesheet" type="text/css" href="css样式文件路径"

      type属性可以省略

    • @import指令导入外部样式文件

      <style>
          @import "css样式文件的路径";
           @import url(css样式文件的路径);
      </style>
      • 1
      • 2
      • 3

    三、选择器

    1、基础选择器
    1.1 标签选择器

    也称为元素选择器,使用HTML标签作为选择器名称
    以标签名作为样式应用的依据

    1.2 类选择器

    使用自定义名称,以.点号 作为前缀,然后通过HTML标签的class属性调用类选择器
    以标签的class属性作为样式应用的依据
    注意事项:

    • 调用时不能添加.点号
    • 同时调用多个类选择器时以 空格 分隔
    • 类选择器定义时,名称不能以数字开头
    1.3 ID选择器

    使用自定义名称,以# 号作为前缀,然后通过HTML标签的id属性进行名称匹配
    以标签的id属性作为样式应用的依据,一对一的关系

    2、复杂选择器
    2.1复合选择器

    标签选择器和类选择器、标签选择器和ID选择器,一起使用

    必须同时满足两个条件才能应用样式

    2.2组合选择器

    也称为集体声明

    将多个具有相同样式的选择器放在一起声明,使用逗号隔开

    2.3嵌套选择器

    在某个选择器内部在设置选择器,通过空格隔开

    只有满足层次关系最里层的选择器所对应的标签才会应用样式

    注意:使用空格时不区分父子还是后代,使用CSS3中新增的>必须是父子关系才行

    2.4伪类选择器

    根据不同的状态显示不同的样工,一般用于<a>标签

    四种状态:

    • :link 表示未访问的链接
    • :visited 已访问的链接
    • :hover鼠标移动到链接上,即悬浮在链接
    • :active选定的链接,被激活

    注意:默认超链接为:蓝色,下划线

    2.5伪元素选择器

    :first-letter为第一个字符的样式

    :first-line为第一行添加样式

    :before在元素内容的最前面添加的内容,需要配合content使用

    :after在元素内容的最后面添加内容,需要配合content属性使用

    3、选择器优先级
    3.1优先级

    行内样式>ID选择器>类选择器>标签选择器

    原因:首先加载标签选择器,再加载类选择器,最后加载行内样式

    后加载会覆盖先加载的同名样式

    3.2 内部样式加载顺序

    就近原则

    原因:按照书写顺序依次加载,在同优先级的前提下,后加载的会覆盖先加载的同名样式,所以离得越近越优先

    3.3 !important

    可以使用important使某个样式有最高的优先级

    内容概要:本文详细探讨了基于樽海鞘算法(SSA)优化的极限学习机(ELM)在回归预测任务中的应用,并与传统的BP神经网络、广义回归神经网络(GRNN)以及未优化的ELM进行了性能对比。首先介绍了ELM的基本原理,即通过随机生成输入层与隐藏层之间的连接权重及阈值,仅需计算输出权重即可快速完成训练。接着阐述了SSA的工作机制,利用樽海鞘群体觅食行为优化ELM的输入权重和隐藏层阈值,从而提高模型性能。随后分别给出了BP、GRNN、ELM和SSA-ELM的具体实现代码,并通过波士顿房价数据集和其他工业数据集验证了各模型的表现。结果显示,SSA-ELM在预测精度方面显著优于其他三种方法,尽管其训练时间较长,但在实际应用中仍具有明显优势。 适合人群:对机器学习尤其是回归预测感兴趣的科研人员和技术开发者,特别是那些希望深入了解ELM及其优化方法的人。 使用场景及目标:适用于需要高效、高精度回归预测的应用场景,如金融建模、工业数据分析等。主要目标是提供一种更为有效的回归预测解决方案,尤其是在处理大规模数据集时能够保持较高的预测精度。 其他说明:文中提供了详细的代码示例和性能对比图表,帮助读者更好地理解和复现实验结果。同时提醒使用者注意SSA参数的选择对模型性能的影响,建议进行参数敏感性分析以获得最佳效果。
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值

    举报

    选择你想要举报的内容(必选)
    • 内容涉黄
    • 政治相关
    • 内容抄袭
    • 涉嫌广告
    • 内容侵权
    • 侮辱谩骂
    • 样式问题
    • 其他
    点击体验
    DeepSeekR1满血版
    程序员都在用的中文IT技术交流社区

    程序员都在用的中文IT技术交流社区

    专业的中文 IT 技术社区,与千万技术人共成长

    专业的中文 IT 技术社区,与千万技术人共成长

    关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

    关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

    客服 返回顶部