526互联

加号 波浪css

京东css初始化部分内容

``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti ......
部分 内容 css

CSS+html导航菜单栏

以下图为例，使用CSS+html实现下面这个博客园的导航菜单栏。 原图： 自己写的CSS+html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wancy博客园</title> <style> *{ ......
菜单 html CSS

CSS_相关问题及解决_持续更新

# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
问题 CSS

开心档之CSS 测验

​ 目录 CSS 测验 ​编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验，可以评估一个人对CSS语言的掌握程度和应用能力，帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题：从多个选项 ......
CSS

css之弹出层居中

css之弹出层居中, container设置为fixed，并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute，然后top/left设置为50%居中，这个时候这层的左上角剧中了，然后用 transform再退回50%，把container的底下一层的中心居于屏幕中心 . ......
css

1. Q_ CSS 属性是否区分大小写_

1. Q: CSS 属性是否区分大小写？ ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML，CSS都对大小写不敏感，但为了更好的可读性和团队协作一般都小写，而在XHTML 中元素名称和属性是必须小写的。 ......
属性 大小 CSS

CSS Float(浮动)布局

1. CSS 浮动技术 CSS浮动是一种CSS布局技术，用于将元素从文档的正常流中移动，并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性，它将脱离正常的文档流，并根据指定的方向（左、右）浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
布局 Float CSS

css样式浮动的特点

浮动的特点：1、设置浮动后，水平布局等式不需成立，并且元素从文档流脱离，不再占用文档流位置2、设置浮动可以将元素向其父元素的左方向或者右方向浮动3、浮动元素不会浮动出父元素4、浮动元素移动时不会超过之前的浮动元素5、浮动元素不会超过他上边的兄弟元素，最多是和他一样高6、浮动元素不会盖住文字，文字自动 ......
样式 特点 css

css_margin塌陷问题解决方法

# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
css_margin 方法 margin 问题 css

CSS基础-初识CSS

### 简介 CSS (cascading style shett) , 层叠样式表，是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现，使得样式和结构分离，HTML负责结构，CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中， 和ht ......
CSS 基础

LeetCode -- 764. 最大加号标志

利用动态规划的思想，把每个格子上下左右连续的1的个数算出来，再从头到尾遍历一遍即可获得答案。 c ++ class Solution { public: int orderOfLargestPlusSign(int n, vector<vector<int>>& mines) { vector<ve ......
加号 LeetCode 标志 764

css 文字横向滚动通知消息

要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器 ......
横向 消息 文字 css

css让图片自动滚动

转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
图片 css

CSS !important 规则不被其他样式覆盖

CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
样式 important 规则 CSS

在CSS中创建一个遮罩层并阻止点击穿透的常见方案

使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
常见 方案 CSS

CSS基础知识（未完待续）

前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
基础知识 基础 知识 CSS

CSS基础

> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
基础 CSS

vue（五）CSS样式添加

Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
样式 vue CSS

css动态生成多个class样式

在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
样式 多个 动态 class css

第八节 CSS高级

# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
CSS

CSS|动画与效果

## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
效果 动画 CSS

[css]选择器，匹配以某个字符开头或结尾

1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
开头 字符 css

[CSS 3] Container query

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
Container query CSS

[CSS 3] margin-trim

The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
margin-trim margin trim CSS

[CSS 3] :has selector

html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
selector CSS has

HTML&CSS

HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
HTML CSS amp

Jquery操作元素的属性和css

<button id="problem_chart_search" type="confirm" style="margin: 0 3em;color: #fff;font-size:.75em;padding: 2px 10px;">搜索</button> //1、改属性 $('#problem_ ......
属性 元素 Jquery css

CSS|Flex布局

> 演示动图来源：[GitHub](https://github.com/ccforward/cc/issues/57#issue-207585739) ## 一. 什么是flex布局 是一种专门的CSS一维(水平/垂直)布局方案 - 位置(定性) - 大小(定量) > 怎么研究位置和大小 借助坐标 ......
布局 Flex CSS

CSS|传统布局

## 一. 浮动 ### 1 为什么需要浮动 >首先, 思考一下下面的问题: 1. 如何让多个块盒(div)水平排列成一行？ 2. 如何实现块盒的左右对齐? ### 2 什么是浮动 > 概念 设置了浮动属性的元素会 1. 脱离**标准流**(整个HTML文档的元素, 从上而下, 从左到右排列) 2. ......
布局 传统 CSS

HTML5、CSS3

​ 1.HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签 HTML5是超文本标记语言的第五次重新修订，2014年10月29日标准规范制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5的新特性： 用于绘画：canvas元素 用于媒体回访 ......
HTML5 HTML CSS3 CSS
共1544篇  :29/52页 首页上一页29下一页尾页