border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角按照不同的顺序和大小来展现,能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。把这些基本的图形进行组合,还可以描绘成不同的图案,真的很棒。以下只是简单的几个举例,更多的...
box-sizing:content-box|border-box|inherit;默认值:content-box适用于:所有接受width和height的元素继承性:无 padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element width = width + border + padding )此属性表现为标准模式下的盒模型。border-box:padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有bord...
IOS 2.-webkit-touch-callout (ios 2.0+) none:禁止弹出系统弹窗 default:默认Android Common1.-webkit-user-select none:文本不能被选择 text:可以选择文本 all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 element:可以选择文本,但选择范围受元素边界的约束2.-webkit-perspective number:元素距离视图的距离,...
CSS3之边框多颜色Border-color是专为边框的多颜色而准备的属性。在CSS2中也有边框颜色这个属性,但是边框颜色属性在CSS3中又有什么惊人之举呢?下面就为大家介绍一下CSS3之边框多颜色Border-color吧。 一、Border-color的语法 复制代码代码如下:元素选择器 { -moz-border-top-colors: color color color; /*顶边边框*/ -moz-border-right-colors:color color color; /*右边边框*/ -moz-border-bottom-colors: color color color; /*...
1:内联元素和块级元素1).块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />2).内联元素,默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。2:内联元素可以变成块级元素,块级元素可以变成内联元素。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>div{background-color: aqua;/*变为内联元素*/display: in...
(1)css text 文本文本颜色:color颜色属性被用来设置文字的颜色颜色是通过css最经常的指定:*十六进制值—如:#FF0000*一个RGB值---如:RGB(255,0,0)*颜色的名称---如:redline-height: 200px; 文本行高 通俗的讲,文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比vertical-align:-4px 设置元素内容的垂直对齐方式 ,只对行内元素有效,对块级元素无效text-decoration:none text-decoration 属性用来设置或...
Here are the examples how to place the elements in the middle of the parent element. The first example works in all new browsers except Internet Explorer of version 7 and less. The second one looks more difficult, but it has some tricky fixes which make it workable in IE7 and IE6.译者信息本篇文章展现一些能够将目标元素放在父元素的中间例子。第一个例子可以在除IE7以下的所有浏览器中实现,第二个例子虽然...
前段时间论坛搞的那话题貌似后面没人讨论了,也没想跟贴了,自己也不是很专业,SO,现在有点想法就放这儿来。虽然那贴后来没人跟了,嘿嘿,不过我倒是这几天一直在想,在想讨论下去还会讨论出怎么个写/排法。其实CSS代码的写法还以考虑一下属性,也就是属性分组:控制大小/控制颜色/控制定位……等。肯定不止这么几种了,具体的分组完全是看自己的感觉。比如说:你可以将宽度、高度、行高这几个属性放在一行,然后将字体颜色,字体...
目录CSS属性相关CSS属性相关宽度和高度
width:设置元素的宽度
height设置元素的高度注意:只有会计标签才能设置宽度,内联标签的宽度有内容来决定<style>div {height: 50px;width: 100px;}/*给行内标签设置长宽没有任何影响*/span {height: 50px;width: 100px;
</style>字体属性1) 文字字体font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值...
visibility属性:用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置display属性:visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征。当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像<div>元素一样,它会在那个点被放入到...
border在一个声明中设置所有的边框属性;border-bottom在一个声明中设置所有的下边框属性;border-bottom-color设置下边框的颜色;border-bottom-style设置下边框的样式;border-bottom-width设置下边框的宽度;border-color设置四条边框的颜色;border-left在一个声明中设置所有的左边框属性;border-left-style设置左边框的样式了;border-left-width设置左边框的宽度;border-right在一个声明中设置有所有的有边框; 原文:http...
一直弄不明白padding属性的值的设置 今儿算是弄明白了 例如: 复制代码代码如下:body { padding: 36px;} body { padding: 36px 24px; } body { padding: 36px 24px 18px; } body { padding: 36px 24px 18px 12px; } 查看了CSS的标准文档,其中是这样规定的: 如果只提供一个,将用于全部的四条边; 如果提供两个,第一个用于上-下,第二个用于左-右; 如果提供三个,第一个用于上,第二个用于左-右,第三个用于下; 如果提供全部...
制作过网页的人都有为画线而烦恼的经历,先来认识一下“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中,给一段文字加了不同的边框,只是为了说明边框线的颜色、粗细是可变的。 第一个边框的CSS代码是:style="border:thin solid red...
CSS3的 transition 属性用于状态过度效果!1、语法:1transition: property duration timing-function delay;
2-moz-transition: property duration timing-function delay;
3-webkit-transition: property duration timing-function delay;
4-o-transition: property duration timing-function delay;上以语法兼容各浏览器。2、transition含有四个部份设置,各部份设置如下: a) property :规定设置过渡效果的 CSS 属性的名称,可...
在CSS中关于position定位的内容是: position: relative | absolute | static | fixed static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。 relative(相对定位) 对象不可层叠、不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。 absolute(绝对定位) 脱离文档流,通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定...