前端CSS学习框架

news/2024/9/21 14:15:02 标签: css3, css

 ⭐️ CSS

  • 💬 描述:层叠样式表,用于设计风格和布局。

  • 📚 资源:学习使用 CSS 为 HTML 添加样式 - 学习 Web 开发 | MDN

  • ⭐️ 基本语法

  • ⭐️ 引入方式

    • 行内样式

    • 内部样式表

    • 外部样式表

  • ⭐️ 选择器

    • 通用选择器

    • 标签选择器

    • id 选择器

    • class 选择器

    • 属性选择器

    • 派生选择器

      • 后代选择器

      • 子元素选择器

      • 相邻兄弟选择器

    • 组合选择器

    • 伪选择器

    • 选择器优先级

CSS详解-CSDN博客

  • ⭐️ 属性

    • 单位

      • px

      • em

      • rem

      • vw

      • vh

    • 背景

    • 文本

    • 字体

    • 列表

    • 表格

  • ⭐️ 文档流

    • 标准流

    • 浮动流

    • 定位流

  • ⭐️ 内联元素 / 块状元素

  • ⭐️ 盒子模型

    • content

    • padding

    • border

    • margin

  • ⭐️ 浮动

    • 设置浮动 float

    • 清除浮动 clear

  • ⭐️ 定位

    • static

    • absolute

    • fixed

    • relative

    • sticky

  • ⭐️ 层叠规则

  • BFC 和 IFC 机制

  • CSS3

    • ⭐️ 响应式布局

      • 媒体查询

      • Flex 布局

      • Grid 布局

      • 瀑布流

    • 动画

    • 过渡

    • 渐变

    • 背景

    • 边框

    • 圆角

    • 字体

    • 2D / 3D 转换

CSS详解_css csdn-CSDN博客

CSS学习路线-CSDN博客

Vue中CSS动态样式绑定_vue动态绑定css-CSDN博客

前端面试CSS常见题目-CSDN博客

前端CSS学习框架-CSDN博客

CSS3【待总结学习】-CSDN博客


http://www.niftyadmin.cn/n/5668913.html

相关文章

解决ubuntu22.04 gnome-terminal 无法启动的问题

22.04下面默认的python 版本是3.10. 如果你安装了3.8或其它版本,尽量不要去ln -s python3.8 python3修改默认python3版本,不然Terminal会打不开。猜测Terminal可能用到了python的_gi这个库。 可以在xterm或putty远程连上,输入 sudo gnome-te…

C#自定义曲线绘图面板

一、实现功能 1、显示面板绘制。 2、拖动面板,X轴、Y轴都可以拖动。 3、显示面板缩放,放大或者缩小。 4、鼠标在面板中对应的XY轴数值。 5、自动生成的数据数组,曲线显示。 6、鼠标是否在曲线上检测。 二、界面 拖动面板 鼠标在曲线上…

改进拖放PDF转换为图片在转换为TXT文件的程序

前段时间我写了Python识别拖放的PDF文件再转成文本文件-CSDN博客 最近有2点更新,一是有一些pdf文件转换出来的图片是横的,这样也可以识别文字,但是可能会影响效果,另一个是发现有一些文字识别不出来,看了关于提高Padd…

day21JS-npm中的部分插件使用方法

1. 静态资源目录 静态资源目录就是访问服务器的某些路劲时候,服务器可以吐出一个写好的指定页面。 实现思路: 1、先判断要找的路径是否是文件,如果是文件,就加载发给对方。 2、如果是文件夹,找到这个文件夹所在路径中…

unity 高性能对象池解决方案

对于一个高性能对象池应该有的功能: 支持多种对象、同步加载、异步加载、隐藏方式、自动收缩(使用LRU缓存机制,最近最久未使用来进行收缩)、异步删除 所以我针对这几个功能讲一下原理: 支持多种对象: G…

SAP HCM 每月生成年假解决方案(PT_QTA00)

每月生成年假定额:HCM复杂的模块,年假生成就是一个比较复杂的模块,每次做项目都比较怕做年假、余假生成的业务,因为企业业务复制,SAP的这块配置也很复杂,因为这里面涉及的知识面很多,工龄计算、…

mac 怎么查看CPU核数

在 macOS 系统中,可以通过以下几种方法查看 CPU 核心数: 1. 使用“关于本机”查看 点击左上角的苹果图标()。选择“关于本机”。在弹出的窗口中,系统会显示 Mac 的基本信息,包括 CPU 的类型和核心数。比…

心理教育辅导系统:Spring Boot技术实现

4 系统设计 4.1系统概要设计 高校心理教育辅导系统主要分为管理员、教师和学生三个角色,系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式,是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任…