如一个png中里面有三个不同颜色的小星星，怎么能准确写出每个小星星的像素位置？ 如图 回复讨论(解决方案) background-position http://64.233.171.161/ 搜索 css 图片 位置 得： http://www.ruanyifeng.com/blog/2008/05/css_background_image_positioning.html http://www.w3school.com.cn/cssref/pr_background-position.asp http://www.wibibi.com/info.php?tid=79 有 合图工具，可以...
下面我们从3个方面开始介绍： 1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数 Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。 Css代码 transform:scale(2,2.5); 2、 scaleX() 元素只在X轴（水平方向）缩放元素。 默认值是1，...
看到一个代码中这样写的如图 竟然a标签的属性里写着padding，我的理解是padding是给那些块元素或转为块元素的东西用的，而此处的a标签并没有转为块，为啥能用块元素的属性呢，让人不解 回复讨论(解决方案) 块级元素和行内元素都可以用padding 只是行内元素的padding只对左右有效果 块级元素和行内元素都可以用padding 只是行内元素的padding只对左右有效果 那么道理是啥呢，你再答答我就给你加分了...
首先：一个例子： #div1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px; } 此代码的效果图为： 中间白色为宽高各为20px的div1。 那么问题来了，要实现三角号，只需将div宽高设置为0，然后只设置一边的border显示即可 代码如下： #div2 { height:0; width:0; overflow: hidden; bor...
今天比较忙，没能好好看新东西，就记录一个常用的CSS3属性吧：box-shadow，表示阴影，如果设置了border-radius圆角，则阴影也是圆角 box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。 语法： Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? ? ] ]# 取值： inset: 表示阴影在边框内部（即使是无边框），在背景之上，内容之下； offset-x 和 offset-y: 偏...
box-sizing用于改变CSS盒子模型，从而改变元素宽高的计算方式。 box-sizing取值如下： box-sizing: content-box | padding-box | border-box 默认值是 content-box ，对应CSS2.1规范中标准的盒子模型计算方式，即 width 和 height 是内容区的宽与高， 不包括边框，内边距，外边距； padding-box 根据MDN的说法，目前还是一个实验性的属性， width 和 height 包括内容区和内边距，不包括边框和外边据； border-...
本文介绍css中属性选择器的基本用法：为具备指定属性的标签设置样式。 代码整理自w3school：http://www.w3school.com.cn 属性选择器 [title] {color:red} [type=W3School] {background-color:#afa} [userDefineType~=W3School] {background-color:#aaf} [userDefineType02|=W3School] {background-color:#aaf} div[userDefineType03=W3School] {background-color:#faa} （一）所有带有title属性的html标签...
摘要： 前面介绍了less的变量和extend语法，今天在研究下混合属性(Mixin)。混合可以说是less的另一个特征，你可以将通用属性定义在一块，然后使用时直接调用此混合属性。 混合： 在 LESS 中我们可以定义一些通用的属性集为一个选择器，然后在另一个选择器中去调用这些属性. 例如： .a, #b { color: red;}.mixin-class { .a();}.mixin-id { #b();} 编译后 .a, #b { color: red;}.mixin-class ...
一下摘自MDN。因时间原因没能好好整理学习，先引用下来，有时间时再细细整理。 background-size 设置背景图片大小。 /* 关键字 */background-size: coverbackground-size: contain/* 一个值: 这个值指定图片的宽度，图片的高度隐式的为auto */background-size: 50%background-size: 3embackground-size: 12pxbackground-size: auto/* 两个值: 第一个值指定图片的宽度，第二个值指定图片的高度 */background-size: 50% auto...
html: css:.leftdiv{width:260px;}.link li{ float: left; margin-right: 4px; margin-top: 4px; width:118px;} 原因：如果包含块太窄，无法容纳水平排列的浮动元素，那么其他浮动块向下移动，直到有空间的地方。
假如在一个iframe 的src里为一个a.jsp 我现在想在这个a.jsp中 获得 包含他的iframe的属性，如宽、高等。请问这个该怎么写。 回复讨论(解决方案) $(window).width() $(window).height() 自己找到方法了 window.frameElement.height
css3的使用已经分布在各种网站上，其用途对于前端开发人员来说有很大的帮助，比如之前的圆角矩形，需要使用背景图片来完成，现在只需使用border-radius:5px;便可以做出圆角边框的效果，今天来记录下css3一些常用的属性。 盒子属性：边框圆角：radius,边框阴影：box-shadow 边框：border-radius:top-left top-right bottom-right bottom-left; 这里先赘述一下盒子边框样式设计的先后顺序 border-radius:10px; b...
CSS属性之字体(Font) font：[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] 复合属性，各属性见下文。 必须同时包含font-size和font-family，且这两个值顺序不能变，其他关键字的值放到这两个值的前面，顺序可以随意打乱。 可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某种附属值，后面必须有font-family。 font-style:norma...
概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 ?? W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / ex...
光标类型 CSS 把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand;写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下...