css万能代码大全

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS(层叠样式表)是一种用于定义HTML或XML文档外观的语言。CSS可让你控制网页中元素的字体、颜色、大小、间距、背景等等。以下是 CSS 中一些常用的万能代码,让你快速地处理你的样式。/* 彻底

CSS(层叠样式表)是一种用于定义HTML或XML文档外观的语言。CSS可让你控制网页中元素的字体、颜色、大小、间距、背景等等。以下是 CSS 中一些常用的万能代码,让你快速地处理你的样式。

/* 彻底去除HTML默认样式 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, button, select {
  margin: 0;
  padding: 0;
}
/* 设置盒模型 */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 文字选中后不出现蓝色背景 */
::-moz-selection {
  background-color: transparent;
}
::selection {
  background-color: transparent;
}
/* 图片不出现边框 */
img {
  border: 0 none;
}
/* 所有链接统一样式 */
a {
  text-decoration: none;
  color: #000;
}
/* 隐藏元素,可用于实现响应式布局 */
.hidden {
  display: none !important;
}
/* 清除浮动 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* 强制弹性布局起点在一行开始 */
.flex {
  display: flex;
  justify-content: flex-start;
}

以上是CSS中一些常用的万能代码,你可以根据自己的需要来制定你的CSS样式。当然,也可以寻找更多的CSS代码和技巧来优化你的网页,让你的网页更加美观和实用。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css万能代码大全

粉丝

0

关注

0

收藏

0

已有0次打赏