flexbox css
CSS九种选择器你知道吗？
表格table - 相关标签: table表格, tr表示行,td表示列,th表头,caption表格标题 - 相关属性: border 设置边框 , rowspan跨行 colspan跨列 表单form - 作用:获取用户输入的内容,并提交给服务器 - 相关文本框: input type = te ......
CSS（二）
一、emmet语法 1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后ta ......
前端全栈资料-css2
入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
css选择器选择父元素下子元素仅有一个指定 class 的时候
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 ......
Tailwind CSS与写全局样式的优势
Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90 ......
css3 复习
1.不固定宽高实现水平居中，垂直居中 一共有3种方法 flex display: table-cell; vertical-align: middle;text-align: center; transform: translate(-50%, -50%); 方法二： .box { width: 3 ......
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ......
css实现文本超出固定行数显示...和展开收起
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
教学笔记：CSS学习笔记
### css初级篇 1．css：cascading style sheet，层叠样式表 2．引入css 1. 行间样式 `style = “ ”` 2. 页面级 `` 3. 外部文件 `` ，同时（异步）加载 ### css选择器 1. Id选择器 #（井号） 2. class选择器 .（点） 2 ......
css-select 工具包的依赖分析
我在 yarn.lock 文件里看到下列这段内容，请问其语义是？ ```yml css-select@^4.2.0: version "4.3.0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db ......
CSS-Select 开发包和使用案例分享
CSS-Select 是一个用于解析 CSS 选择器的工具包，它提供了一套完整的 API，可以方便地进行 CSS 选择器的解析和匹配。该工具包是基于解析器生成器 jison 开发的，可以在 Node.js 环境下使用。下面，我们来详细介绍一下 CSS-Select 工具包的作用和使用方法。 ### ......
jQuery CSS方法+jQuery盒子模型
http://api.jquery.com/height/ JS文件： $(document).ready(function () { //CSS方法 //第一种写法 //$("div").css("width", "100px"); //$("div").css("height", "100px" ......
css 布局 自然换行，最后一行左对齐
## 参考 [CSS flex布局最后一行左对齐的常用方法](https://blog.csdn.net/m0_37714008/article/details/125780293) 感谢这位博主 ## 代码 ``` .list { display: grid; // ← justify-conte ......
前端页面Table CSS实现固定表头表首行和固定列拖动固定
需要用到的2个属性 table-layout : fixed position : sticky table-layout table-layout属性有两种特定值： auto（预设值）-表格的总宽度决定每一个储存格（cell）的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏 ......
css实现多行文字超长，显示..., 添加展开，收起
效果如下：  展开的样式：  的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布 ......
用css给坤坤增打篮球加一些灵动效果（ikun忠实粉丝 👻）
 首先我们拿出珍藏已久的ikun背景图，没有的下载下来，也可以到网上找一个类似的 ：用于计算任意长度、百分比或数值型数据，并将其作为 CSS 属性值。 * min() 和 max()：用于比较一组数值中的最大值或最小值，也可以与任意长度、百分比或数值型数据一同使用。 * c ......
vscode：如何在保存less文件时，自动生成对应的css文件，并指定css文件的保存路径
一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install，安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种：两种方法都是修改如下部分 （一）：相对路径 ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......