探讨行内元素转换为块级元素

发表于2015-08-12 14:44:33|--次阅读

行内元素和块级元素对于前端来说是一个很重要的概念。在CSS中,只有块级元素有物理属性,而元素则有三种形态:1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行。2. 行内元素:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。3.即是块又...

sass安装记录

发表于2015-08-12 14:44:22|--次阅读

之前曾经安装过一次sass,不过可惜没使用,现在换了电脑重新安装,又上网找了些资料,终于安装成功,现在就当做个记录方便下次安装。首先到官网下载个最新版的ruby :http://rubyinstaller.org/downloads 目前最新的稳定版是2.2.2。下载完成后就是安装了,不过记得选择勾...

css3选择器(一)

发表于2015-08-12 14:44:11|--次阅读

直接开始正文。一、属性选择器属性选择器就是根据元素的属性及属性值来选择元素,用好属性选择器可以让你的级别上升一个层次。1、只根据属性选择元素适用于希望选择有某个属性的元素,只关心属性不关心属性值。。Note:元素和方括号中间没有冒号,也不能有空格,方括号之间也不能有空格。a、根据一个属性选择【E[A...

CSS3实现简单的幻灯片

发表于2015-08-12 14:43:59|--次阅读

css3 幻灯片

CSS3 ::selection选择器

发表于2015-08-12 14:43:45|--次阅读

之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色。今天有兴趣查看了一下,原来是一个很简单的CSS3的选择器::selection的用法。上例子: 普通文本,不设置::section,选中时文本的颜色为白色,背景色为蓝色 选择文本的颜色为白色,背景色为粉色只能向::sele...

CSS垂直居中的方法

发表于2015-08-10 14:45:55|--次阅读

前端开发过程中,水平垂直居中是比较常用的。下面直接开门见山,看看不同方法实现垂直居中的各自优点和其不足之处。1、将“line-height”和“height”设置成一致这种方法用来实现单行垂直居中是相当的简单的,也挺常用的。你只要保证元素内容是单行,并且其高度是固定不变的,你只要将其“line-he...

JQuery图片延迟加载插件,动态获取图片长宽尺寸

发表于2015-08-10 14:45:28|--次阅读

以前的网站带宽小,没有特别多的大图,现在不同了,各种图片网站如同雨后春笋层出不穷。服务器是抗住了,但是客户端就有意见了,太多的图片必然导致页面加载缓慢,特别是有些table结构的站点更是如此。能否让图片在页面加载完成后再加载?我想这是大多数站点管理员都很关心的问题,现如今图片延迟加载技术已经不是什....

jquery 图片背景透明度(支持IE5/IE6/IE7)

发表于2015-08-10 14:45:14|--次阅读

设置背景图片,以突出透明度的效果及jquery png背景透明插件实例教程toggle()下面看一个jquery png背景透明插件......插件不仅支持ie5/ie6/ie7下img标签的png背景透明,background-image的背景透明,还支持image类型的input的png背景透明...

jQuery: 图片不完全按比例自动缩小

发表于2015-08-10 14:45:03|--次阅读

有时我们会有这样的需求:让图片显示在固定大小的区域。如果不考虑 IE6 完全可以使用 css 的 max-width 限制宽度自动按比例缩小显示,但是这样有个问题,就是如果按比例缩小后,图片高度不够,那么就很难看了。举例来说第一种情况:如图片大小为 600×350,显示区域大小为 200×140,如...

jQuery 判断所有图片加载完成

发表于2015-08-10 14:44:55|--次阅读

对于图片的处理,例如幻灯片播放、缩放等,都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用 loading 的 gif 图表示正在加载中。一、普通方法监听 img 的 load 方法,每 load 一张图片比较一次。关键代码如下:var num =...

关于响应式布局与手机网站

发表于2015-08-10 14:44:46|--次阅读

demo1 上面这段代码相信大家都不陌生,这是写手机网站的标配,这里也不过多解释,不过要注意的是viewport指的是手机虚拟窗口而不是屏幕可视区域也不是页面本身。关于响应式设计网站在手机上的显示,考虑的因素有两个,第一是屏幕分辨率,第二是屏幕大小。当利用浏览器里面的手机模拟器显示网页时,要考...

overflow:hiddden与绝对定位的应用场景的事例

发表于2015-08-10 14:44:40|--次阅读

做一个点击查看显示详细信息的效果。说一下问题描述,最外面的父元素overflow-parent设置了overflow:hidden,然后子元素overflow-child没有设置overflow,设置了relative,为其包含的绝对定位的元素进行位置确定,这个元素点击时高度增加到300px. .....

Emmet:HTML/CSS代码快速编写技巧

发表于2015-08-10 14:44:30|--次阅读

一、Emmet简介Emmet的前身是Zen Coding,它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。二、快速编写HTML代码1.初始化 HTML文档需要包含一些....

Bootstrap--组件之下拉菜单

发表于2015-08-10 14:44:18|--次阅读

用于显示链接列表的可切换、有上下文的菜单。对齐B默认情况下,下拉菜单自动沿着父元素的上沿和左侧被定位为 100% 宽度。 为 .dropdown-menu 添加 .dropdown-menu-right 类可以让菜单右对齐。 可能需要额外的定位May require additional posit...

替换元素和非替换元素的学习

发表于2015-08-10 14:44:05|--次阅读

替换元素和非替换元素

让DIV中文字换行显示

发表于2015-08-10 14:43:40|--次阅读

1. I am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 未加css前效果:------->加上效果:2.这三句重点在于:word-break与word-wrapa:word-break属性规定自动换行的处理方法。提示:通过使用 word-br...

css3绘制中国结

发表于2015-08-10 14:43:30|--次阅读

1 2 3 4 5 6 291 292 373 374 375 376 377 378 ...

如果css足够强大了,你还会用编程的方式实现去实现css已有的功能吗?

发表于2015-08-10 14:43:11|--次阅读

现在css3 都出来的,但是其实我由于一些原因,有些css2中都能支持的样式,我都没有使用过。我感觉我真的有必要静下心来,去看看那些东西,看看哪些以前都被忽视掉的。 今天我主要来讲三个对于我们编程经常用到的,具体如下。一、 有序列表序号a、应用场景有一个列表,需要有序号展示,方便用户知道当前列表记录...

让你网页同时兼容FireFox和IE

发表于2015-08-10 14:42:58|--次阅读

CSS 兼容要点:DOCTYPE 影响 CSS 处理FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margi...

关于IE6浮动问题!

发表于2015-08-10 14:42:45|--次阅读

以下内容均为个人笔记:望批评指教!IE6下应尽量少使用float 而是 换用display:inline 父层使用text-align:text;效果会好些;如果一组浮动元素 产生了浮动 最好在外层加个非浮动层 效果会好些: 1 1 1 1 22222以上例子li存在f...

猜你喜欢

友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京 ICP 证 14034497 号