1.文字在垂直方向居中===》 line-height = 元素高度 ps:文字内容不能超过元素的宽度，即不能换行。2.ID==》标识唯一元素 Class===》标识一类元素 每个标签元素可以赋予多个Class3.常用命名规范 导航：nav 侧栏：sidebar 栏目：column &nbs
原创
2016-05-07 15:20:39
428阅读
<div id="shizijia"></div>
#shizijia {
margin-left:80px;
background:blue;
height:130px;
position:relative;
width:18px;
}
#shizijia:after {
background:green;
content: "";
h
原创
2023-10-05 10:01:13
131阅读
外边距折叠比如如下代码最终结果是外边距30px 而不是50px为了避免折叠通常
原创
2022-08-19 11:26:44
73阅读
随意更改网页 重新格式化代码，解决缩进问题 https://q1mi.github.io/PythonBlog/post/about_frontend/ css margin: 0 auto 居中 border 1px solid red 边框颜色大小 继承优先级最低，比标签还低 块级标签才能调宽高
转载
2017-08-01 17:15:00
145阅读
2评论
恢复内容开始 区分： div .left 所有后代 div>.left第一代 子代 div+.left下一个兄弟节点 div-.left后面所有兄弟节点 div.left元素本身 注：left任意取名 写网页先写架构，然后再写样式，避免后期修改带来不便 尽量不用浮动，用position 恢复内容结束 ...
转载
2021-10-26 21:05:00
85阅读
2评论
作为前端开发者，掌握以下一些小技巧让你的CSS技术更专业。使用:not()去除导航上不需要的边框为body添加行高垂直居中任何元素逗号分离
原创
2023-02-19 01:39:06
92阅读
登录条：loginBar 标志：logo 侧边栏：sideBar 广告：banner
原创
2020-02-16 21:15:34
65阅读
1.如果要li中的a标签中的字体和 图片都会居中 必须在img标签中 加入align="absmiddle"
<li><a>哈哈</a><img src="1.jpg" align="absmiddle" /></li>
2.去掉li前面的符号
原创
2013-04-14 14:17:57
372阅读
登录条：loginBar 标志：logo 侧边栏：sideBar 广告：banner 导航：nav 子导航：subNav菜单：menu 子菜单：subMenu 搜索：search滚动：scroll 页...
原创
2020-02-16 21:15:34
105阅读
代码： 背景色background:green; 背景图background-image:url(../../1111.png); 图片大小background-size:20%50%; 使图在任何大小的屏幕都不会显示重复(图像不平铺)background-repeat:no-repeat;<spanstyle="background:green;background-image:u
原创
2019-01-22 10:56:35
815阅读
大家好，今天我们将会介绍一些非常实用的CSS小技巧，让我们开始吧！
原创
2022-10-13 14:55:57
173阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>
原创
2020-02-15 21:24:44
80阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1 { width: 0; height: 0; border: 40px ...
原创
2020-02-15 21:24:44
139阅读
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Mozilla)的笨办法：初学可能会碰到这样一个情况：同样一个标签的属...
转载
2010-05-04 10:00:00
141阅读
2评论
现在已经能实现比网站开发者预料到的更多的功能，并且随着时间的推移，样式表语言越来越强大，能实现许多原先需要依靠JavaScript才能实现的功能。在这篇文章中我们将会介绍CSS函数中8种有用的小技巧。1.纯CSS Tooltip许多网站还是在使用JavaScript来创建Tooltip效果，但实际上通过CSS能更简单的实现。最简单的方
转载
2022-11-28 20:17:49
63阅读
CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的
转载
2022-08-23 11:05:09
41阅读
固定小技巧（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创
2022-10-20 10:14:37
43阅读
本文为译文，采用意译。CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考。1. 打字效果Typing-effect-for-text.gif网页设计变得越来越有创意。
转载
2022-05-19 09:40:53
62阅读
