CSS
关注
分享
扫一扫
文章平均质量分 82
chenfujian87
这个作者很懒，什么都没留下…
展开
-
CSS概述
CSS全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等p{ font-size:12px; color:red; font-weight:bold;}CSS的注释是：/*注释语句*/CSS有三种样式：1 内联样式<p style="color:red">这里文字是红色。</p>2 嵌入式样式<s...原创 2016-01-13 21:36:04 · 67 阅读 · 0 评论 -
清除浮动
原文：http://www.iyunlu.com/view/css-xhtml/55.html浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地...原创 2016-01-21 22:03:55 · 96 阅读 · 0 评论 -
CSS 最核心的几个概念
原文地址：http://geekplux.com/2014/04/25/several_core_concepts_of_css.html原文作者：GeekPlux本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类...原创 2016-01-21 22:02:17 · 80 阅读 · 0 评论 -
CSS float浮动的深入研究 二
原文地址：http://www.zhangxinxu.com/wordpress/?p=594接上回…五、浮动的非本职工作浮动的本职工作是让匿名inline boxes性质的文字环绕图片显示，而其他所有用浮动实现的效果都不是浮动应该做的事情，我称之为“非本职工作”。或许我们并没有过多的深思，把一些实际上不是浮动该干的事情当作“这必须用浮动来实现”。举个常见的例子，列表显示，见下面...原创 2016-01-21 21:56:55 · 119 阅读 · 0 评论 -
CSS float浮动的深入研究 一
原文地址：http://www.zhangxinxu.com/wordpress/?p=583概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮动应用都不是浮动应该做的个人观点之浮动其实是个魔鬼、混球一、引言你我看待事物的方式不同，价值取向也不同，因为我们有着不同的世界观...原创 2016-01-21 21:55:01 · 154 阅读 · 0 评论 -
CSS代码重构与优化
原文http://www.cnblogs.com/answercard/p/5104288.html原始文章：http://luopq.com/2016/01/05/css-optimize/CSS代码重构的基本方法前面说到了CSS代码重构的目的，现在我们来说说一些如何达到这些目的的一些基本方法，这些方法都是易于理解，容易实施的一些手段，大家平时可能也不知不觉地在使用它。提高CS...原创 2016-01-18 16:33:05 · 141 阅读 · 0 评论 -
容易被忽略的一些CSS特性
转自http://www.cnblogs.com/dolphinX/p/3511300.htmlCSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑大小写不敏感虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的.test{ background-COLOR:#a00; width...原创 2016-01-15 09:57:19 · 108 阅读 · 0 评论 -
CSS技巧
水平居中设置-行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码：html代码：<body> <div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中显示。</div></body>css代码：<style> div.tx...原创 2016-01-15 09:56:06 · 100 阅读 · 0 评论 -
CSS各种长度
1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。2、em就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。...原创 2016-01-14 16:05:03 · 96 阅读 · 0 评论 -
CSS的简写
盒子模型的缩写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right、bo...原创 2016-01-14 16:02:26 · 108 阅读 · 0 评论 -
CSS布局模型
在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动模型流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点， 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块...原创 2016-01-14 15:52:27 · 87 阅读 · 0 评论 -
CSS盒子模型
盒子模型-边框盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)div{ border-width:2px; border-style:solid; border-color:red;}border-style（边框样式）常见样式有：dashed（虚线）| dotted（点线）| solid（实线）css 样式中允许只为一个方向的边框...原创 2016-01-14 15:35:43 · 82 阅读 · 0 评论 -
CSS元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<bl原创 2016-01-14 15:31:57 · 79 阅读 · 0 评论 -
CSS文字排版
1字体body{font-family:"宋体";}2 文字排版 字号颜色body{font-size:12px;color:#666}3 粗体p span{font-weight:bold;}4 斜体p a{font-style:italic;}5 下划线p a{text-decoration:underline;}6 删除线.oldPrice{text-decoration:line-thro...原创 2016-01-13 21:48:20 · 99 阅读 · 0 评论 -
CSS选择器
1 标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：p{font-size:12px;line-height:1.6em;}2 类选择器（最常用）.类选器名称{css样式代码;}英文圆点开头 类选择器可以任意起名.stress{ co...原创 2016-01-13 21:46:30 · 91 阅读 · 0 评论 -
解读CSS 布局之水平垂直居中
原文http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/原文作者： 大搜车前端团队博客 对一个元素水平垂直居中，在我们的工作中是会经常遇到的，也是CSS布局中很重要的一部分，本文就来讲讲CSS水平垂直居中的一些方法。由于我们大 搜车的日常工作中已经不再需要理会低版本IE，所以本文所贴出的...原创 2016-01-21 22:11:25 · 167 阅读 · 0 评论