CSS
关注
分享
扫一扫
aomize
这个作者很懒，什么都没留下…
展开
-
reset.css
reset.css 当写样式时，由于不同浏览器之间的差异，导致基础的样式都不相同，有时候需要清除固定的样式 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, ifr原创 2017-08-01 00:51:37 · 281 阅读 · 0 评论 -
伪类
伪类 :hover // :visited // :active// :first-letter//首字母 :first-line //首行 :focus// :after//之后插入内容 :before//之前插入内容 :not(selector)// :checked// :disabled// :enabled//原创 2017-08-02 16:16:42 · 194 阅读 · 0 评论 -
css如何不显示元素？
可以通过以下两种方法不显示元素（1）display: none;<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> .box { width: 160px; height: 100px; background: #cad5e原创 2017-10-12 22:56:42 · 9226 阅读 · 0 评论 -
CSS选择器
一.选择器的分类 每一条css样式声明由两部分组成，形式如下： 选择器 { 样式; } 选择器指明了样式的作用对象，也就是“样式”作用于网页中的哪些元素，接下来就来探究以下都有哪些选择器 1.通用选择器 通用选择器，匹配html所有的标签元素，经常被用来清除默认样式（但不推荐使用，推荐使用reset.css或normalize.css) 声明如下： * { c原创 2017-08-13 21:39:10 · 285 阅读 · 0 评论 -
去除inline-block元素间间距的几种方法
inline元素间间距举个栗子：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> .box a{ padding: .5em 1em; background-color: #cad5eb; }原创 2017-10-12 22:47:02 · 317 阅读 · 0 评论 -
盒子模型
盒子模型共有两个标准：标准盒子模型和IE盒子模型（IE总是和别人不一样）w3c标准盒子模型当我们设置盒子的宽度/高度时，只是设置了内容的宽度/高度，但实际的宽度却要比它宽/高下面给出一个通用的公式：实际的宽度=border-left+padding-left+width+padding-right+border-right 实际的高度：border-left+padding-left+height原创 2017-09-27 08:34:38 · 247 阅读 · 0 评论 -
block,inline-block,inline之间的区别
display的三种常用属性：block，inline-block,inline block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block：行内块元素。（CSS2.1 新增的值）block 1.块级元素的特点： （1）元素独占一行，在未设置宽度时，其宽度随父容器的宽度 （2）可设置width原创 2017-07-19 20:26:08 · 303 阅读 · 0 评论 -
清除浮动的方法及优缺点
加入float: left;原创 2017-09-23 00:09:56 · 1324 阅读 · 0 评论 -
水平居中
水平居中方式 （1）内联元素 在父元素中设置text-align属性为center<!Doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>水平居中方式-内联元素</title> <style> div { width: 480px; height:原创 2017-07-24 16:01:52 · 1086 阅读 · 0 评论 -
垂直居中
垂直居中方式 （1）父元素高度确定的内联元素垂直居中 通过给父元素设置line-height来实现，line-height值和父元素高度值相同<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>垂直居中方式</title> <style> div { width原创 2017-07-25 02:04:51 · 375 阅读 · 0 评论 -
normalize.css
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line h原创 2017-08-01 12:15:36 · 548 阅读 · 0 评论 -
引入CSS的四种方式
行内式行内式通过直接设置元素的style属性来引入css<div style="width: 100px; height: 100px;">行内式</div>优点：元素的样式简单明了 缺点：代码不易维护内嵌式通过在head标签中加入如下的代码来引入CSS<head> <style type="text/css"> /*样式*/ </style> </head>缺点：原创 2017-10-25 21:06:17 · 793 阅读 · 0 评论