`
xiaomiya
  • 浏览: 131421 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论
文章列表
上个星期六,给公司的一些童鞋,做了一次分享,分享的主题是HTMl+css开发技巧为此一个星期都没有怎么做项目,准备了一个3dppt,也就是impress.js插件,每种类型也做了一个例子,,讲时间2节课还算挺成功的。为此在博客上发表下,结构技巧1, 一张很炫的图片分析我们的结构是怎么样的呢?2,一张banner很宽的图片活动页面banner的宽度大于1000的情况下看例子,在我们背景图片基本上有1440px的情况下,又要保证不同分辨率下正常显示,3,对于文字围绕图片显示的简单的做法, 同时说明下,浮动,如果容器内有浮动并且没有清楚浮动那么浮动元素不会在容器内包围着。所以要清楚浮动。 讲下清楚 ...
讲下清楚浮动的3中方法:1, 让父容器同时浮动起来(会有副作用)2, 让浮动元素后面紧跟一个用户清除浮动的空标签(多一个空标签,破坏了语义化)3, 给父容器挂一个特殊的class,直接从父容器清除浮动元素的浮动。(目前最优).clearfix:before,.clearfix:after {content:"";display:table}.clearfix:after {clear:both;}.clearfix {zoom:1; /* IE < 8 */clear:both}  
谈谈定位CSS 定位机制:CSS 有三种基本的定位机制:普通流、浮动和绝对定位。1, 普通流:除非专门指定,否则所有框都在普通流中定位。(元素根据自己的display类型,长宽,等属性顺序排列在z-index:0这一层的。就是普通流也可以是文档流。)2, 浮动:就是通过float:left;float:right;来控制元素在同层里的左浮和右浮。Float,会改变正常的文档流的排列但是他仍然还是在z-index:0层里。3, 定位:Position:relative(翻译相对)Position:absolute(翻译绝对)Position:fixed(翻译固定)Position:static( ...
其实,友情也好,爱情也好,久而久之都会转化为亲情。说也奇怪,和新朋友会谈文学、谈哲学、谈人生道理等等,和老朋友却只话家常,柴米油盐,细细碎碎,种种琐事。很多时候,心灵的契合已经不需要太多的言语来表达 ...
    一天,和同时一起去吃饭,下着雨,马路上的车也开的特别急,都着急着回家, 我们要去马路对面的地方吃饭,,那条路没有红绿灯,张望着没有车开过来,我们就过马路呢, 看着有人过马路,车也减速了,,,突然,旁边又冲出一辆没有看到我们的人,,,我在最后面,看着车向我开过来,真的跟电影看到似的,嗡的一声,120响了,人在急救室呢?     我正对着,车向我开来,愣住了,也不知道在想什么。什么也想不起来了。也爬到车上了,最后被撞到了旁边上了,同事给我扶起来,司机也下来了,,,问情况,,我还在活着呢???     还好没有什么大问题,腿脚也只是受了小伤,也不用去医院的。 唉,,,     这一晚是无眠之夜 ...
我就开门见山了,写邮件模版和写普通的网页是不一样的。区别的地方是:邮件模版(outlook,foxmail等)不能用div+css一定要写table,table,tr,td里面也不能用style来写样式,这样在outlook里面是读不出来的。只能写table里面自带的属性,如 align="center" width="850" cellpadding="0" cellspacing="0"并且width=“850”是不能写px的,在outlook里面也支持。td里面也只能自带的属性,如一样的。td里面的内容的话是 ...
1. 盒模型(box-model)/*消灭*/    (1)当设定width 的同时,还设置了border,border-left,border-right,padding,padding-left,padding-right中的任意一个,那么必须显示设置box-sizing    (2)当设定height的同时,还设置了border,border-top,border-bottom,padding,padding-top,padding-bottom中的任意一个,那么必须显示设置box-sizing    例如:            正确            .mybox { box-s ...
<!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.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charse ...
Global site tag (gtag.js) - Google Analytics