纯css 实现 三角形、梯形等 效果

http://www.cnblogs.com/linsinan/p/6928734.html https://www.cnblogs.com/wcf52web/p/5608272.html  今天一个刚开始学习html 的小白问我一个问题,css 可以实现正方形,长方形,和圆型(border-...

2019-01-10 20:05:31

阅读数 78

评论数 0

深入理解CSS3 Animation 帧动画 steps

CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术。 最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动画steps属性的理解 我们知道CSS3的Animation有八个属性 anim...

2016-11-18 10:58:56

阅读数 1216

评论数 0

clearfix清除浮动闭合容器之:after与:before

首先对伪类:before与:after做下注脚 :before 伪元素在元素之前添加内容。 :after 伪元素在元素之后添加内容。 这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。该...

2014-07-14 12:31:11

阅读数 2702

评论数 0

外层DIV 包含内层DIV 样式问题

.clearfix { display: block; float: none; clear: both; overflow: hidden; width: auto; height: 0; margin: 0 auto; padding: 0; font-size: 0; line-height...

2014-05-29 16:11:54

阅读数 5260

评论数 0

固定宽度的DIV中英文不能自动换行

很久前的一个问题,当时直接就overflow:hidden了,还说出:这个问题只能这样解决不了的了,我懒惰..... 病症(其实不应该说病症):     在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设...

2014-04-17 15:51:06

阅读数 1336

评论数 0

inline、block、inline-block的区别

我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象,block是声明块对象,那么inline-block是什么意思,即内联又成块?接下来做个测试,让我们了解一下三者的区别和作用吧: 1 ...

2014-04-17 14:47:11

阅读数 1155

评论数 0

关于CSS中的float和position

原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以...

2014-04-10 06:45:28

阅读数 800

评论数 0

float 浮动 div 不随浏览器分辨率 大小而位置发生变化

dsadsadsa 111111111111111111 在浮动层外部 增加 父DIV 设定宽度jik

2014-04-10 06:41:09

阅读数 8238

评论数 0

css text-overflow 超过宽度显示省略号

使用text-overflow:ellipsis对溢出文本显示省略号有两个好处,一是不用通过程序限定字数;二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友好,因为标题实际上并未被截字,而是局限于宽度而未被显示而已。 通常的做法是这样的: 1.overf...

2014-04-10 06:10:29

阅读数 957

评论数 0

图片、多行文字的水平垂直居中

本文综述 想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。 关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法,用...

2014-03-04 15:34:53

阅读数 2005

评论数 0

CSS 实现图片灰度效果 兼容各种浏览器

CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色,相当于把一张图像的颜色模式调整为灰度,CSS可以通过以下几种方法来实现灰度效果。 方式1. IE滤镜 img { filter: progid:DXImageTransform.Microsoft.BasicImage(gr...

2014-03-03 07:13:51

阅读数 3521

评论数 0

css line-height记录

使用line-height 后 文字就会从line-height中间像素开始显示。这样就可以用于文字垂直居中了。   例如 height:40px,line-height:40px,那么文件就会居中了;这里文字就会垂直从 20px开始显示

2014-02-13 17:38:46

阅读数 667

评论数 0

如何给自己的网站添加小图标

网站小图标就像LOGO一样可以为你的网站增色不少!这个小图标是显示在浏览器地址栏以及收藏夹里,现在无论是从制作、上传到最后的显示都十分简单。但是,可能还有一些网友不知道这个究竟是怎么搞出来的!尤其对于wordpress网站,似乎通用的做法并不能让这个美丽的小图标“显身”! 先来简单地了解...

2014-02-13 09:54:26

阅读数 9255

评论数 0

CSS :after 伪元素

CSS :after 伪元素定义和用法 :after 伪元素在元素之后添加内容。 这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地,这个伪元素是行内元素, 不过可以使用属性 display 改变这一点。 实例 此样式会在每个 h1 元素之后播放一段声音: h...

2014-02-08 10:00:22

阅读数 1023

评论数 0

解决内部容器float浮动后不能撑开外部容器及CSS伪类:after的使用

解决内部容器float浮动后不能撑开外部容器,外部容器塌陷问题 方法一: 直接在内部添加一个空的容器可以撑开外部容器。 方法二: .clearfix:after {     content:".";     display:block;     h...

2014-02-08 09:56:26

阅读数 1635

评论数 0

CSS中不为人知Zoom属性的使用介绍(IE私有属性)

其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。  Zoom的使用方法:  zoom : normal | number  ...

2014-02-08 09:55:30

阅读数 1455

评论数 0

css div自适应高度height

DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决。 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度; 第二种:没有最小高度,DIV完全自适应高度。 以下为大家介绍这两种情况与解决方法 一、一定最小高度,内容加多时自适应高度,而内容少时DIV有...

2014-02-08 09:46:04

阅读数 2480

评论数 0

网页布局,关于外层div不能随内层div自动伸缩的问题

之前经常是这样布局的,用一个div(id=Main)包住左边div(id=DivLeft)和右边div(id=DivRight),Main随着DivLeft和DivRight内容的高度而自动伸缩,从而达到动态布局的效果。 #Main{              width:980px ...

2014-02-08 09:41:43

阅读数 1599

评论数 0

display:inline、block、inline-block的区别

display:block就是将元素显示为块级元素.   block元素的特点是:   总是在新行上开始;   高度,行高以及顶和底边距都可控制;   宽度缺省是它的容器的100%,除非设定一个宽度   , , , , 和 是块元素的例子。   display:inline就...

2013-11-17 08:42:08

阅读数 1129

评论数 0

设置img属性 图片显示灰度图

.highlightit img{ filter:gray; -webkit-filter: grayscale(0.5); gray:1; } .highlightit img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)...

2013-11-14 18:00:46

阅读数 3481

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭