CSS - 随笔分类(第2页) - Newbie_小白

文档流

摘要：写html，css的同学应该需要清楚什么是文档流。文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均阅读全文

posted @ 2016-03-20 10:07 Newbie_小白阅读(2505) 评论(0) 推荐(0)

CSS3 @keyframes 规则

摘要：实例使 div 元素匀速向下移动：运行结果：（5秒内从上运动到200px，然后自己跳回原点）目前浏览器都不支持 @keyframes 规则。 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 Chr 阅读全文

posted @ 2016-03-18 18:23 Newbie_小白阅读(884) 评论(0) 推荐(0)

CSS中的@ AT规则

摘要：大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则，在CSS中，种类还是很多的，这里总结列举下。所谓“常规规则”指的是语法类似下面的规则：包括：某些软件，例如Dreamweaver新建CSS文件时候，自动会带有下面所示代码，但实际开发时候，作用不大，因为meta中已阅读全文

posted @ 2016-03-18 13:40 Newbie_小白阅读(954) 评论(0) 推荐(0)

transition（动画属性）

摘要：CSS 过渡（transition）是通过定义元素从起点的状态和结束点的状态，在一定的时间区间内实现元素平滑地过渡或变化的一种补间动画机制。你可以让属性的改变过程持续一段时间，而不是立即生效。通过transition你可以决定哪个属性发生动画效果 (可以通过明确地列出这些属性)，何时开始动画 (通阅读全文

posted @ 2016-03-18 13:06 Newbie_小白阅读(1188) 评论(0) 推荐(1)

border-image

摘要：一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅 Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器、Firefo 阅读全文

posted @ 2016-03-15 20:58 Newbie_小白阅读(320) 评论(0) 推荐(0)

white-space——处理元素内的空白

摘要：定义和用法 white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值： normal 继承性： yes 版本： CSS1 JavaScript 语法： object. 阅读全文

posted @ 2016-03-15 19:31 Newbie_小白阅读(941) 评论(0) 推荐(0)

普通table表格样式及代码大全

摘要：阅读全文

posted @ 2016-03-15 19:20 Newbie_小白阅读(1000) 评论(0) 推荐(0)

CSS中的块级元素、内联元素（行内元素）

摘要：Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:bloc 阅读全文

posted @ 2016-03-15 18:49 Newbie_小白阅读(3493) 评论(0) 推荐(0)

CSS选择器

摘要：一、基本选择器实例： * { margin:0; padding:0; } p { font-size:2em; } .info { background:#ff0; } p.info { background:#ff0; } p.info.error { color:#900; font-wei 阅读全文

posted @ 2016-03-15 10:24 Newbie_小白阅读(172) 评论(0) 推荐(0)

css属性选择器应用

摘要：代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3 阅读全文

posted @ 2016-03-14 18:53 Newbie_小白阅读(336) 评论(0) 推荐(0)

CSS3动画

摘要：CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类：transform、transition以及animation。 rotate 设置元素顺时针旋转的角度，用法是： transform: rotate( 阅读全文

posted @ 2016-03-14 16:08 Newbie_小白阅读(232) 评论(0) 推荐(0)

css3中-moz、-ms、-webkit分别代表的意思

摘要：这三个分别是目前流行的三种浏览器的私有属性 -moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性（360浏览器是ie内核） -webkit代表safari、chrome私有属性 -o代表opera私有属性例如：设置div的移动阅读全文

posted @ 2016-03-14 15:43 Newbie_小白阅读(1727) 评论(0) 推荐(0)

CSS中的text-shadow。

摘要：text-shadow（文字投影），box-shadow（容器投影），border-radius（圆角）这三个属性估计以后用的比较多，记录一下。目前不支持IE系列（不过可以使用其他方法实现，下文有详细介绍），无语的IE系，只支持Firefox和chrome。一、除IE之外的text-shadow 阅读全文

posted @ 2016-03-13 11:22 Newbie_小白阅读(641) 评论(0) 推荐(0)

CSS中background-position使用技巧

摘要：一.background-position:left top; 背景图片的左上角和容器(container)的左上角对齐，超出的部分隐藏。等同于 background-position:0,0;也等同于background-position:0%,0%; 二.background-position: 阅读全文

posted @ 2016-03-13 10:23 Newbie_小白阅读(4532) 评论(0) 推荐(0)

margin负值

摘要：一、使用负margin 我们在CSS中都会使用margin，但将margin设置成负数，那可能就不大好处理了。在网页设计中，人们对负margin用法的态度矛盾很大，有的人非常喜欢，而有的人则非常讨厌。设置一个负margin应该是这样的：通常人们很少使用负margin但随后你会了解到，它能做很多东阅读全文

posted @ 2016-03-12 19:04 Newbie_小白阅读(796) 评论(1) 推荐(0)

CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法

摘要：CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法平时我们布局时候，有的文字内容多了会超过溢出我们限制的高度，有的图片会撑破DIV，让网页错位变乱。这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。特别是在IE6，如果内容超出对象高度阅读全文

posted @ 2016-03-11 14:11 Newbie_小白阅读(18405) 评论(0) 推荐(0)

CSS布局属性

摘要：一、CSS布局属性 Width：设置对象的宽度（widteight：设置对象的高度(Height:45px;)。ackground：设置对象的背景颜色、背景图像。 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Admin 阅读全文

posted @ 2016-03-11 13:22 Newbie_小白阅读(1123) 评论(0) 推荐(0)

Position属性四个值：static、fixed、absolute和relative的区别和用法

摘要：在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义： 1、static（静态定位）：默认值。没有定位，元素阅读全文

posted @ 2016-03-11 09:55 Newbie_小白阅读(147639) 评论(14) 推荐(19)

margin和padding

摘要：一、margin基础语法与结构 1、margin语法 Margin:10px Margin的值是数字+html单位，同时也可以为auto（自动、自适应） 2、应用结构 Div{margin:10px} 设置div对象四边间距为10px 3、Margin说明 margin是设置对象外边距外延边距离，控阅读全文

posted @ 2016-03-10 19:56 Newbie_小白阅读(465) 评论(0) 推荐(0)

DIV CSS display(block,inline,none)的属性教程

摘要：display:block就是将元素显示为块级元素. block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文

posted @ 2016-03-10 19:22 Newbie_小白阅读(2330) 评论(0) 推荐(0)

随笔分类 - CSS