CSS
guoyf123321
程序员一枚!
展开
-
CSS基本样式
css样式大全(整理版)字体属性:(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位:PX、PD、EM粗细转载 2015-11-10 14:22:58 · 312 阅读 · 0 评论 -
CSS3下的147个颜色名称及对应颜色值
颜色名称也称为颜色关键字,像我们熟悉的black表示黑色,white表示白色,blue表示蓝色等。实际上,在CSS的颜色定义中,总共有147种颜色关键字,所有者147种颜色名字均取自X Windows 系统,X 颜色名,所以即使这147个颜色名看上去不是很标准,支持也是非常不错的。需要注意的是,在IE下,关于灰色,其中的字母”e”是不认的,它只认gray中的”a”而不认grey中的”e”,所以转载 2016-01-28 15:11:39 · 1517 阅读 · 0 评论 -
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是 firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果原创 2015-12-15 10:55:38 · 474 阅读 · 0 评论 -
CSS中的display
本文实例讲述了js中style.display=""无效的解决方法。分享给大家供大家参考。具体解决方法如下:一、问题描述:在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果。看下面一段代码:复制代码 代码如下: #name { display:none; }My n转载 2015-11-18 11:13:18 · 393 阅读 · 0 评论 -
CSS书写规范
规范不是一种约束,而是一种约定,强调团队的一致性加强团队的合作性,提高协作效率形成一种团队文化,积累知识规范最终是为项目服务的,我们所做的一切都是为了优化项目和流程提高我们的工作效率最近收集来自google、twitter、 腾讯、 淘宝等互联网公司对前端 HTML 、CSS 、 Javascript 等一些规范。总结于下,有部分删减。希望大家在书写规范上起到一定作用。规范没有绝对,有不足之处转载 2015-11-24 13:23:29 · 290 阅读 · 0 评论 -
常见浏览器的兼容问题2
1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览器下img有空隙(原因是:回车。)解决方法:让图片浮动。4 一个父标签与几个子标签嵌套,父原创 2015-12-11 11:42:47 · 259 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以转载 2015-12-11 11:34:10 · 285 阅读 · 0 评论 -
css中filter:alpha透明度使用小结兼容IE、火狐
使用Alpha可以设置透明度,FILTER:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大家可以参考下Alpha,设置透明度。 用法: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?原创 2015-12-10 15:38:10 · 1697 阅读 · 0 评论 -
CSS样式表
常用CSS样式属性|CSS样式表【长度单位】CSS可使用长度单位单位 单位说明范例ptPoint,就像是Word里面的Point一样大小font-size:10ptpxPixels,依您屏幕分辨率而决定大小font-size:10px转载 2015-11-18 10:30:59 · 270 阅读 · 0 评论 -
CSS行高——line-height
初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了,随着以后工作问题层出不穷,才逐渐了解到CSS并不是几个style属性那么简单,最近看了一些关于行高的知识,就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识:顶线、中线、基线、底线DOCTYPE html>html> head>原创 2015-12-10 13:10:20 · 272 阅读 · 0 评论 -
精通CSS滤镜(filter)(实例解析)
好久没弄弄美工了,前端时间由于学校的一个小网站的老师需要网站整体为绿色风格,但是他们又不能提供相关素材,这个项目就一直拖着,需求也定不下来。后台基本功能都已经哦了,就等页面了,本来是想好好学学别的东西,巩固下Java一些基础,但是这事拖着,还是够不爽的。security框架的例子也不好弄,于是还是决定总结一下最近学习的CSS滤镜。Css滤镜比较帅,可以取代一部分PS才能实现的效果,但是转载 2016-01-28 16:58:55 · 1037 阅读 · 0 评论