CSS相关
前端面试CSS相关（一）
实现一个元素的水平垂直居中； 要求： 要求对行内元素、块状元素及不定宽高的块状元素均可适用； 本文完整源代码地址：https://gitee.com/duanweidong/interview-question-code.githtml结构<div class="container"> <div class="item" sty
日期 2023-06-12 10:48:40
前端面试CSS相关（二）
如何实现一个loading动画； 要求： 用css或svg实现一个loading动画； 本文完整源代码地址：https://gitee.com/duanweidong/interview-question-code.githtml结构（css）<div class="loading-block"> <div class="loadin
日期 2023-06-12 10:48:40
深入学习下 CSS 间距相关的知识
https://ishadeed.com/article/spacing-in-css/ 如果两个或更多元素接近，则用户将假设它们以某种方式属于彼此。当对多个元素进行分组设计时，用户可以通过它们之间的空间量来决定它们之间的关系。如果没有间距，用户将很难分清页面上哪些项目内容相关，哪些项目内容不相关。因此，在本文中，我将分享关于 CSS 中的间距、实现该间距的不同方法以及何时使用填充或边距的所有信息
日期 2023-06-12 10:48:40CSS相关
1. rem默认字号 rem是相对html根元素来说的；浏览器默认的font-size为16px，也就是说默认 1rem为16px。 鉴于此，一些网页定义 根元素 font-size为10/16 = 0.675em，那么这个时候1rem为10px。 16px为继承值 而使用rem前，一般都需要加入一些js代码，通过判断屏幕宽度去计算根[html]的font-size,代码为： (f
日期 2023-06-12 10:48:40
CSS 基础 之 基础选择器+字体文本相关样式
目录1、认识 CSS1.1 CSS的介绍1.2 CSS 语法规则1.3 CSS 初体验2、CSS引入方式2.1 内嵌式2.2 外联式2.3 行内式3、基础选择器3.1 标签选择器3.2 类选择器3.3 id选择器3.4 通配符选择器4、字体样式4.1 字体大小4.2 字体粗细4.3 字体样式（是否倾斜）4.4 字体系列5、文本样式5.1 文本缩进5.2 文本水平对齐方式5.3 文本修饰1、认识 C
日期 2023-06-12 10:48:40Typecho | 博客css和js无法加载 前台样式崩了 https相关
warning: 这篇文章距离上次修改已过458天，其中的内容可能已经有所变动。 过程记录今天为博客申请了一个SSL证书，安装完成以后开启了强制HTTPS，然后在博客后台设置-基本-站点地址 把原先的http地址改为了https。此时一切都还正常。然后我又把SSL证书部署取消了，结果在http下访问出问题，博客无法加载任何css样式和js！如图：失去css和js就是这么丑错误原因如上所述，css
日期 2023-06-12 10:48:40前端面试题归类-css的flex相关
Flex布局常见父项的属性：●flex-direction :设置主轴的方向Row 默认值从左到右row-reverse 从右到左column 从上到下column-reverse 从下到上●justify-content :设置主轴上的子元素排列方式flex-start 默认值从头部开始 如果主轴是x轴，则从左到右flex-end 从尾部开始排列(但元素的顺序还是从左到右)center 在主轴居
日期 2023-06-12 10:48:40
【CSS】课程网站头部制作 ① ( 头部区域测量 | 头部盒子标签结构 | 整体页面背景颜色设置 | LOGO 盒子设置 | 切片工具切图 | LOGO 相关 HTML 结构及 CSS 样式编写 )
文章目录一、 课程网站头部区域测量1、 整体的头部盒子测量2、 头部盒子标签结构3、 整体页面背景颜色设置二、 LOGO 盒子设置1、 LOGO 图片切图2、 HTML 结构及 CSS 样式编写一、 课程网站头部区域测量1、 整体的头部盒子测量在 网页切图 的头部区域 的上下位置 , 拉两条上下辅助线 , 左右两侧的辅助线是 版心 的边界 ;使用 " 矩形选框工具 " 测量头部
日期 2023-06-12 10:48:40CSS中Float（浮动）相关技巧文章
Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。 如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些bug，你就能避免这些问题。 让我
日期 2023-06-12 10:48:40
【基础】在CSS中绘制三角形及相关应用
简言 本文简要阐述了用CSS边框的方法在页面上绘制三角形，包括几种典型的三角形绘制，还介绍了几个简单的应用场景。利用边框绘制三角形方法只是众多方案中的一种，大家根据项目实际，选用最适宜项目的方案。 1 基本原理 在CSS中，我们可以利用border-top、border-left、border-bottom、border-left四个属性来绘制三角形
日期 2023-06-12 10:48:40jQuery源码-CSS样式相关部分
一、方法使用 常见的有四种用法，包括一种读取样式、三种设置样式：（详细可参见：http://api.jquery.com/css/） （1）读取样式： .css(propertyName) //用法1 （2）设置演示： .css(propertyName, value) //用法2 .css(propertyName, function(index, oldValue)) //
日期 2023-06-12 10:48:40从零开始学_JavaScript_系列（三）——CSS相关（基础、选择器、position、div）
style type="text/css" mm {background-color:red}; /*这行表示标签为mm的，背景色为红色，如果mm替换为p，则所有 p /p 标签覆盖内的变为红色*/ /style ①包含在 style 之中； ②格式为：标签名 { 具体样式 } ③使用花括号来包含； ④有时候需要使用双引号来包含值 大概如
日期 2023-06-12 10:48:40【CSS】课程网站头部制作 ① ( 头部区域测量 | 头部盒子标签结构 | 整体页面背景颜色设置 | LOGO 盒子设置 | 切片工具切图 | LOGO 相关 HTML 结构及 CSS 样式编写 )
文章目录 一、 课程网站头部区域测量1、 整体的头部盒子测量2、 头部盒子标签结构3、 整体页面背景颜色设置 二、 LOGO 盒子设置1、 LOGO 图片切图2、 HTML 结构及 CSS 样式编写
日期 2023-06-12 10:48:40用CSS border相关属性画三角形
效果 HTML： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Triangle Demo</title> <
日期 2023-06-12 10:48:40【前端领域高频笔试面试】—— Html5+CSS3相关
目录 1.CSS3有哪些新特性？ 2.html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 3.本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据
日期 2023-06-12 10:48:40【前端领域高频笔试面试】—— HTML+CSS相关
目录 1.css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 2.如何垂直居中一个浮动元素？ 3.px和em的区别 4.描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？ 5.Sass、LESS是什么？大家为什么要使用他们？ 6.dis
日期 2023-06-12 10:48:40【CSS笔记】CSS布局相关属性（显示元素、文本溢出、元素浮动）
目录 一、CSS布局 1.1、显示元素 （1）display属性 （2）visibility属性 1.2、行内元素和块内元素 （1）元素的嵌套规则 1.3、元素溢出问题 （1）overflow属性 （2
日期 2023-06-12 10:48:40[转] CSSOM视图模式(CSSOM View Module)相关整理
以下就是一些API属性的相关内容，包括兼容性，使用，测试等。 一、Window视图属性 这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffset 属性screenX 属性
日期 2023-06-12 10:48:40你所不知道的 CSS 阴影技巧与细节 滚动视差？CSS 不在话下 神奇的选择器 :focus-within 当角色转换为面试官之后 NPOI 教程 - 3.2 打印相关设置 前端XSS相关整理 委托入门案例
你所不知道的 CSS 阴影技巧与细节 关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖到的新内容，而且有一些很有意思，遂打算再起一
日期 2023-06-12 10:48:40【前端】css相关
display:none和visible:hidden和opacity: 0的区别 1、display:none和visible:hidden都能把网页上某个元素隐藏起来。 2、区别: ● display:none —
日期 2023-06-12 10:48:40CSS(字体相关知识以及css三种样式表使用方法)
css字体样式设置 我们知道设置样式是逐步设置的，但是也可以复合起来，这样代码更加简洁，可阅读性强。比如字体样式。 字体样式的分开属性与综合属性 // 分开属性：
日期 2023-06-12 10:48:40CSS背景background相关属性使用方法：
背景background的相关属性： background-color: antiquewhite; // 设置背景颜色 antiquwhite就是透明色。background-image: url(); /
日期 2023-06-12 10:48:40Reset.css和Normalize.css样式表初始化相关
（1）Reset.css 简介：在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的
日期 2023-06-12 10:48:40Css相关用法个人总结
Css相关用法个人总结
日期 2023-06-12 10:48:40CSS中的相关概念
CSS的几个概念： 包括块：一个元素的“布局上下文”。对于正常的HTML文本流中的一个元素，包括块由近期的块级祖先框、表单元格或行内块祖先框的内容边界（content edge）构成。考虑例如以下标记 <body> <div> <p>This is a paragraph.</p> </div> </body>
日期 2023-06-12 10:48:40