首页
富录
累计撰写
225
篇文章
累计创建
275
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
HTML&CSS
相关的文章
2024-07-07
什么是原子化CSS
原子化 CSS 是一种将 CSS 样式分解为小的、可重用的原子（或单元）的样式表设计模式。这些原子通常是单一目的的类名，用于表示特定的样式属性，例如颜色、字体大小、边距等。通过这种方式，开发者可以组合这些原子类来创建复杂的样式，而不需要编写大量的 CSS 规则。 原子化 CSS 的主要优点包括： 重
2024-07-07
31
0
0
HTML&CSS
2022-05-19
浅谈团队开发中css的BEM命名风格
前端在项目开发中经常遇到的问题 团队开发中CSS的命名冲突 为CSS的命名而绞尽脑汁 CSS的命名五花八门 开发时如何规范CSS的书写 什么是BEM BEM是一种前端命名方法论，主要是针对CSS，意思是块（Block）、元素（Element）、修饰符（Modifier）的缩写。它由Yandex团队提
2022-05-19
9
0
0
HTML&CSS
2021-12-15
HTML元素分三大类
一、块元素 网页框架基本结构：html、body、frameset、frame、noframe、iframe 表单结构：form、fieldset、legend 布局结构：div 段落块：p 标题结构：h1~h6 列表：ul、ol、dl、dt、dd、menu、dir 居中结构：center 预定义
2021-12-15
14
0
0
HTML&CSS
2018-09-29
你不曾察觉的隐患：危险的 target="_blank" 与 “opener”
在网页中使用链接时，如果想要让浏览器自动在新的标签页打开指定的地址，通常的做法就是在 a 标签上添加 target等于"_blank" 属性。 然而，就是这个属性，为钓鱼攻击者带来了可乘之机。 parent 与 opener 在说 opener 之前，可以先聊聊 <iframe> 中的 parent
2018-09-29
21
0
0
HTML&CSS
2018-03-01
CSS3 transition 实现抛物线动画
<!DOCTYPE html> <html> <head> <title>CSS3 水平抛物线动画</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <style> *
2018-03-01
14
0
0
HTML&CSS
2017-12-09
前端用到的那些单位
单位在各个领域中都非常常见，前端开发中也不例外。不同的单位有着不同的用途，本文将详细介绍前端中常用的单位及其使用注意事项，包括 pt、px、em、rem、vh、vw、vmax、vmin、rpx、ch 等单位的定义、用法及注意点。 pt、px、em、rem pt（点） 单位名称为点（Point），是一
2017-12-09
18
0
0
HTML&CSS
2017-12-03
移动端兼容问题（一）
【UC浏览器】video标签脱离文档流 场景：标签的父元素(祖辈元素)设置transform样式后，标签会脱离文档流。 测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0。 Demo：http://t.cn/zj3xiyu 解决方案：不使用transform属性。transla
2017-12-03
19
0
0
HTML&CSS
2017-09-13
使用CSS完成元素居中的七种方法
在网页上使 HTML 元素居中看似一件很简单的事情。至少在某些情况下是这样的，但是复杂的布局往往使一些解决方案不能很好地发挥作用。 在网页布局中，元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切知道元素的准确高度和宽度，所以一些方案不
2017-09-13
25
0
0
HTML&CSS
2017-05-15
CSS选择器集合
你知道CSS选择器有多少种吗？ 你常用的是哪几种？ 你知道的又有多少种呢？ 标题 选择器 例子 例子描述 CSS版本 1 .class（类名
2017-05-15
24
0
0
HTML&CSS
