框框A - 博客园

2015年5月4日

摘要：结构性伪类选择器—not:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成：form { width: 200px; margin... 阅读全文

posted @ 2015-05-04 20:04 框框A 阅读(410) 评论(0) 推荐(0)

CSS3---结构性伪类选择器-root

摘要：结构性伪类选择器—root:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。示例演示：通过“:root”选择器设置背景颜色HTML代码：:root选择器的演示CSS代码：:root { background:oran... 阅读全文

posted @ 2015-05-04 19:59 框框A 阅读(205) 评论(0) 推荐(0)

CSS3---属性选择器

摘要：在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了... 阅读全文

posted @ 2015-05-04 19:56 框框A 阅读(160) 评论(0) 推荐(0)

2015年4月29日

CSS3---制作导航

摘要： CSS制作立体导航 Home About Me Portfolio Blog Resources Contact Me 阅读全文

posted @ 2015-04-29 11:14 框框A 阅读(281) 评论(0) 推荐(0)

CSS3---multiple backgrounds

摘要：多重背景，也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加，缩写时为用逗号隔开的每组值；用分解写法时，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。语法缩写如... 阅读全文

posted @ 2015-04-29 10:16 框框A 阅读(337) 评论(0) 推荐(0)

CSS3---background-size

摘要：设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法：background-size: auto | | | cover | contain取值说明：1、auto：默认值，不改变背景图片的原始高度和宽度；2、：成对出现如200px 50px，将背景... 阅读全文

posted @ 2015-04-29 10:08 框框A 阅读(180) 评论(0) 推荐(0)

CSS3---background-clip

摘要：用来将背景图片做适当的裁剪以适应实际需要。语法：background-clip ： border-box | padding-box | content-box | no-clip参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效... 阅读全文

posted @ 2015-04-29 10:04 框框A 阅读(170) 评论(0) 推荐(0)

CSS3---background-origin

摘要：设置元素背景图片的原始起始位置。语法：background-origin ： border-box | padding-box | content-box;参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。效果如下：需要注意的是，如果背景不是no-repeat，这个属性无效... 阅读全文

posted @ 2015-04-29 09:57 框框A 阅读(168) 评论(0) 推荐(0)

CSS3---文本阴影text-shadow

摘要： text-shadow可以用来设置文本的阴影效果。语法：text-shadow: X-Offset Y-Offset blur color;X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之... 阅读全文

posted @ 2015-04-29 09:55 框框A 阅读(191) 评论(0) 推荐(0)

CSS3---嵌入字体@font-face

摘要： @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法：@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;}这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。比... 阅读全文

posted @ 2015-04-29 09:50 框框A 阅读(200) 评论(0) 推荐(0)

公告