摘要: 移动端一般采用百分比设置宽度,高度固定,如果父级已经设置了高度,就可以设置百分比高度。而且一般采用标准文档流来布局就可以了。一般在导航用nav标签。然后使用在使用ul|>li标签,如果li里面既有icon又有文字就用i+span如果使用less的文件快速布局,一般设定html,body的fontsi... 阅读全文
posted @ 2015-08-31 11:25 程序猿欢 阅读(312) 评论(0) 推荐(0) 编辑
摘要: Css动画:animation:name:定义动画的名称,和后面的@keyframes一起使用(关键帧),而关键帧里面可以设置from,to,百分比等等。而且一般在外层设置动画的相关属性,如name,duration,iteration-count,timing-function,alternate... 阅读全文
posted @ 2015-08-31 11:23 程序猿欢 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 一.倒影:-webkit-box-reflect:属性值1:位置 [above , below , left , right]属性值2:间距 像素值属性值3:渐变-webkit-box-reflect: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rg... 阅读全文
posted @ 2015-08-31 11:21 程序猿欢 阅读(538) 评论(0) 推荐(0) 编辑
摘要: background-image:chrome浏览器:线性渐变支持较好,径向渐变支持不太好~通过png背景透明的方法,来决定要显示的部分。background-origina和background-clip 的区别:background-clip ,指的是裁剪的位置。其图片的开始位置是已经固定的,不... 阅读全文
posted @ 2015-08-31 11:20 程序猿欢 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 1.line-height.2.line-height+vertical-align.3.text-align.4.position.5.margin.在IE6下,如果相邻元素设置了float,然后再设置了margin-left或者margin-right,则给每一个块添加属性:*display:i... 阅读全文
posted @ 2015-08-31 11:11 程序猿欢 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 1.IE6只支持a的伪类,其他的伪类不支持,但可以用js实现。另外IE6不支持直接后代子元素,如ul>li2.伪类的设置顺序link visited hover active3.IE6,IE7不支持伪类after,before。不支持opacity但是有filter(值为0~100与opacity的... 阅读全文
posted @ 2015-08-31 11:11 程序猿欢 阅读(299) 评论(0) 推荐(0) 编辑
摘要: font-family:字体,后面一般有多个属性,表示为候选项。em相对与父级元素而言,默认为16px,如果是默认的话是1em=16px;如果父级是24px;而子级别的设置为2em,则是48px;rem是相对与body而言的,常应用移动端。7-21块元素是占据整行的,高度由里面的内容(如果高度没有设... 阅读全文
posted @ 2015-08-31 11:09 程序猿欢 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 1.如果在某个文件中有导入的动作,其路径默认是基于当前的文件的录井的,比如,如果在my.css的文档下,将位于images/my.png文件导入,则需要在url中如下写: ../images/my.png。2.在HTML是盒子模型:然而在许多的标签是有默认的margin以及padding值的,为了处... 阅读全文
posted @ 2015-08-31 11:09 程序猿欢 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 一.概述所有的样式格式如下:样式名称:属性值属性摘要:background-color 元素的背景颜色border设定元素的边框color设定元素的前景色font-size设定字体的字号height设定元素的高度padding设定元素到边框的间距text-decoration设定文字的装饰效果wid... 阅读全文
posted @ 2015-08-31 11:08 程序猿欢 阅读(1011) 评论(0) 推荐(1) 编辑