overflow-y属性是用来指定当元素溢出内容区域时，是否对内容的顶部/底部边缘进行裁剪。CSS3 overflow-y属性作用：overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。提示：使用overflow-x属性来判断左右边缘是否裁剪。语法：overflow-y: visible|hidden|scroll|auto|no-display|no-content;visible：不裁剪内容，可能会显示在内容框之外。hidden： 裁剪内容 - 不提供滚动机制。scroll：裁剪内容 - 提供滚动机...
为理解用户代理怎样决定字体变形的粗细，得先从关键字100到900谈起，然后我们再来看它是如何继承的。 font-weight允许值 normal | bold | bolder | lighter | l00 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 这些数字关键字用于定义与字体的相关特征的映射关系，即字体的粗细被分成九个等级。例如，OpenType就使用了九个值的数字级。字体有了这 级别之后，这些数字就直接映射到各个级，如100映射到最轻的字体变形，而90...
本篇主要介绍float属性：定义元素朝哪个方向浮动。目录：1. 页面布局方式：介绍文档流、浮动层以及float属性。2. float:left ：介绍float为 left 时的布局方式。3. float:right ：介绍float为 right 时的布局方式。4. 相邻元素含有float属性：介绍相邻元素含有float属性时的布局方式。 1. 页面布局方式页面布局方式，主要包含：文档流、浮动层、float属性。1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(...
border-right-style定义及用法在css中，border-right-style属性是用来设置右边框的样式。如果我们要单独设置元素右边框的样式，就可以使用该属性。border-right-style属性语法格式css语法：border-right-style:none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset / inherit;border-right-style属性值说明none：设置无边框元素（默认）；hidden：与none属性值一样（但用在表元素时，hidden用于解...
一些情况下使用table-cell比float来得更加简单有效,比如水平菜单的样式编写,这里我们则来看一下使用CSS的table-cell属性实现左图右文的排版方法详解:对要素进行横向排列的时候，一般都会使用float, display:inline-block等方法。我们使用table-cell也可以简单的实现，利用table-cell来制作横向排列的好处我觉得有三点（呵呵呵，有些牵强）1.float以及 clear:both都可以省略了；2.纵向居中也可以了；3.就算使用border和padding也不会...
问一个问题，在html超文本格式中，Form表单标签的action属性内容书上说是表单提交的处理、跳转页面，我填了一个hello页面物理路径在里面，为什么提交后没反应，是不是提交后不会跳转到我填的页面啊，谢谢。 回复讨论(解决方案) 看action返回的是什么 我不太懂，返回什么，我填的是一个网页的地址，难道提交后不会跳转到那个网页吗？ action =“页面的相对路径” 我在另一个浏览器上实现了，可这个浏览器设置...
本篇文章是关于css背景的一些小常识，详细介绍了css背景属性、css背景颜色、css背景图片。需要的朋友可以参考下一. css背景属性1. CSS的background属性及CSS3的背景图片设置总结分享在css中，共有如下几个background属性。background 在一个声明中设置所有的背景属性。 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 设置元素...
float是什么？为什么要使用float?本篇文章就给大家介绍float是什么，让大家了解浮动对布局的作用，清除浮动的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。首先我们来了解一下float是什么？float是css的一个定位属性。要了解它的目的和来源，我们可以看一下印刷设计。在打印布局中，可以将图像设置到页面中，使得文本根据需要包裹它们。这通常被恰当地称为“文本环绕”。这是一个例子：在页面布局程序中...
关于css盒模型中的内边距padding属性的详细介绍，还有新手常犯的一个错误，内边距padding属性真的能写入负值。这个答案在文章的最后，现在就让我们一起来看这篇文章吧首先我们介绍的是第一个问题：css中的padding属性可以为负值吗？这个答案很容易，我们先不介绍，在文章最后有关于内边距padding属性的负值使用解释。现在我们看看css中padding属性的用法：padding ：简写属性在一个声明中设置所有内边距属性（auto/length长度值/%）...
本文分享css中提升优先级属性!important的用法总结!important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用.!important提升优先级，下面对它的用法做下总结代码如下:<!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; charset=utf-...
前言其实在CSS中的Zoom这个属性一般不为人知，甚至有些CSS手册中都查询不到。其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。因为Zoom属性是IE浏览器的专有属性，所以他清除浮动作用只适用于IE浏览器，而Firefox、google等浏览器则需要使用overflow:auto属性来清除浮动。所以要达到兼容IE6、...
Box-sizing 尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。 .div { width: 150px; height: 100px; border: 1px solid #ccc; box-sizing: border-box;} Chrome 31+, IE8+, Firefox 31+, Safari 7+, Opera 27+, iOS Safari 7.1+ and Android Browser 4.1+等都支持该属性。 z-index和定位 如果元素没有定位属性，如static/absolute/relative/fixed，改属性将被忽略...
本篇文章给大家带来的内容是关于css3中文字与字体相关的属性介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1 text-shadow属性（1）功能 给页面上的文字添加阴影效果。（2）使用方法text-shadow：length length length color （阴影离开文字的横方向距离、纵方向距离、阴影的模糊半径、阴影的颜色）注意：阴影离开文字的横方向距离、纵方向距离：必须指定，可指定负值。阴影的模糊半径：代表阴影向外模糊时...
在css代码编写中，估计颜色和单位是必不可少的，然而在css中关于颜色和单位值的写法有很多种写法，所以有必要把它弄清楚。颜色当初我在初学前端的时候，就会冒出一个疑问“我该如何设置网页颜色？”，一般常用英文颜色名或者十六进制颜色值来设置颜色，但是css中还有一些其他较为复杂的写法。RGB颜色计算机通过不同级别的红、绿、蓝来产生新的颜色，这就是常说的RGB颜色。有了这样一个产生颜色的机制，就可以通过直接给出不同的颜色...
熟悉前端开发的小伙伴肯定有遇到过这种情况，那就是需要给一个图标或者图片增加一个移动变色等属性，传统做法就是再添加一个颜色的图片文件替换，那么有没有可能直接利用css属性来变更颜色呢？其实是可以实现的，不过图片的一些细节会无法保存，只能用户一些比较简单的不需要细节的图片，同学们请根据实际情况选择使用哈。原理嘛，其实很简单的，用到的就是 CSS3 滤镜filter中的drop-shadow，该滤镜可以给图片非透明区域添加投影。...