html+css
关注
分享
扫一扫
文章平均质量分 84
橙程橙
这个作者很懒，什么都没留下…
展开
-
CSS命名规范 BEM
在我们开发的时候，写了一个模块，在现有页面中测试都没问题。一段时间后，新需求新页面，该页面一打开，突然发现页面中样式都变样了，一查问题，原来是其他组件的样式和该页面的样式相互覆盖了。我相信大家在工作的过程中，或早或晚肯定都遇到过这样的问题吧 以往开发组件，我们都用“重名概率小”或者干脆起个“当时认为是独一无二的名字”来保证样式不冲突。显然这是不现实的，所以这个时候你就有必要来了解一下BEM的意义了 首先，BEM是什么，BEM是一个高可用的，强大的，而且简单的命名规范，它可以使得你的...原创 2021-08-09 15:25:02 · 389 阅读 · 1 评论 -
html+css实现呼吸灯效果
实现呼吸灯效果如下图所示: 具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ box-sizing: border-bo...原创 2020-03-09 17:49:50 · 936 阅读 · 0 评论 -
行内元素，块级元素的垂直居中，水平居中
一、行内元素 1、行内元素的水平居中：给父级元素使用属性text-align：center 2、行内元素的垂直居中：给父级元素使用属性line-hight：父元素盒子的高度二、块级元素 1、块级元素的水平居中：给子级元素使用属性margin：0 auto 2、行内元素的水平垂直居中，有四种方法：html代码如下：<...原创 2019-06-28 10:04:07 · 512 阅读 · 1 评论 -
html，css实现呼吸灯效果
1、html+css实现呼吸灯效果，如下图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ ...原创 2019-06-28 15:20:26 · 2109 阅读 · 3 评论 -
html元素父子级，兄弟级的外边距合并问题
一、父子级元素 通常，大盒子中嵌套小盒子，如果给小盒子添加margin-top属性，则会出现大盒子和小盒子一起向下移动的现象。 html的 代码如下：<div class="outer"> <div class="inner"></div> </div> css代码如下<s...原创 2019-06-28 16:03:07 · 1640 阅读 · 0 评论 -
html，css使用表格制作课程表
本篇文章讲解的是使用html中的表格table来制作课程表完成图如下：1.html的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2019-07-18 15:34:41 · 8525 阅读 · 0 评论 -
table css个人简历的实现 美观 简洁
主要使用table标签来实现个人简历的表格制作效果图如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...原创 2019-07-18 15:41:26 · 2030 阅读 · 0 评论