CSS
文章平均质量分 87
Enoch-Qin
这个作者很懒,什么都没留下…
展开
-
2018-05-18 初识 CSS
CSS,中文称之为“层叠样式表”,英文全称为 Cascading Style Sheets 。一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。目前最广泛运用的版本是CSS 2.1(链接为CSS2.1的官方文档)。...原创 2018-05-18 15:45:58 · 159 阅读 · 0 评论 -
2018-06-02 CSS堆叠上下文
前言:设置了z-index:9999;的层叠顺序一定高于z-index:0;吗?很明显这句话在某些情况下是不成立的,而引起其不成立的原因就是堆叠上下文的现象。本文主要介绍关于css中堆叠上下文的概念、引起的原因等。 注:友情链接:关于堆叠上下文的MDN介绍,张鑫旭的博客《深入理解CSS中的层叠上下文和层叠顺序》1、什么是堆叠顺序从最底层到最高层的顺序如下: 1. 父级元素的ba...原创 2018-06-02 21:44:42 · 288 阅读 · 2 评论 -
2018-05-22 CSS如何居中
本文翻译自CSS Tricks 中关于居中的相关介绍。1、水平居中1.1 内联元素的水平居中(如链接或文本)可以在一个块级别的父元素中水平地居中内联元素,只需:.center-children { text-align: center;}注:这种写法适用于inline, inline-block, inline-table, inline-flex等等。 代码示...原创 2018-05-22 17:28:24 · 738 阅读 · 0 评论 -
2018-05-22 CSS 左右布局、左中右布局以及一些小技巧
1、左右布局如果有以下html结构,设置左右两栏布局<div class="parent"> <div class="leftChild"></div&a原创 2018-05-22 20:28:15 · 1504 阅读 · 0 评论 -
2018-06-12 CSS中的flex布局详解
前言:之前我写过的一篇博客介绍CSS常用的几种布局方式,PC端最常见的就是浮动布局和flex布局,而在移动端,由于不用顾忌IE这个业界大坑,flex布局应用的就更广泛了,多以本文就来详细的介绍一些flex布局。1、先不说flex布局首先我们回顾一下除了flex布局之外的常用布局方案: 首先是最基础的normal flow(文档流),子元素float+父元素添加clearfix类清...原创 2018-06-14 13:03:05 · 790 阅读 · 0 评论 -
2018-05-31 元素的高度与宽度以及衍生技巧
前言:本文主要写块级元素与内联元素的宽度与高度的相关知识,以及相关的衍生技巧,包括一些常用的居中方法等(与我的上一篇博客css如何居中不同,上一篇是把所有能用来居中的方法都介绍了一遍,本篇只写常用的方法,可以应对80%的情况)1、块级元素宽高块级元素的高度由其内部文档流的高度的总和决定的块级元素的宽度:默认占一整行即width:100%; 另外,不论width设置的有多窄,一个...原创 2018-06-01 13:54:31 · 344 阅读 · 0 评论