css3的基础知识

【css3的基础知识】的更多相关文章

transfrom的应用: 1.旋转:transform: rotate(30deg): 2.阴影效果:box-shadow: 10px 10px 5px #888888: 3.鼠标移入放大:transform: scale(2,2): 放慢变化的时间效果: transition: transform(想要实现的属性) 6s, 内联与块状的转换: 4.块状元素,转成内联元素:display:inline 5.转成内联和块状的结合体:能设置宽高以及margin和padding的值,但不能独占一行…

CSS3的基础知识点

面临找工作之际,又将CSS3的基础知识撸了一把,做了相应的笔记,主要是方便自己查阅,参考的是W3C的知识. 1.CSS背景 (1).background-size 属性 background-size 属性规定背景图片的尺寸,同时适用与字体图标方面的适用(主要在移动端用到较多). 在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的.在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片. 您能够以像素或百分比规定尺寸.如果以百分比规定尺寸,那么尺寸相对…

CSS3 基础知识

CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平.垂直.模糊.扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image2.背景 2.1 background-size background-size:…

CSS3 基础知识[转载minsong的博客]

CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平.垂直.模糊.扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image2.背景 2.1 background-size background-size:…

CSS3 的box-shadow进阶之 - 基础知识篇

box-shadow被认为是CSS3最好的特性之一,发挥想象力,搭配其它属性,可以做出很多好看的效果(如下图,将会放在下一篇文章讲解),这篇文章主要讲一下box-shadow的基础知识. box-shadow的六个属性讲解 box-shadow: h-shadow v-shadow blur spread color inset; h-shadow:必填项,表示水平(即X轴)阴影的位置(或者说偏移量).正值阴影出现在元素的右边,负值出现在元素的左边.v-shadow:必填项,表示…

HTML基础知识

一个完美的web前端攻城狮,所具备的专业素养有:HTML5.XHTML.CSS3.JavaScript.JQuery.PS.PHP等.所以说,我要学的东西还有很多... 没别得,我也是一个H5的初学者,只是为了做好笔记,如果能帮到他人,我很荣幸. 一.HTML 是超文本标记语言(Hype Text Markup Language),它不是编程语言,只是一种标记语言. 二.常用工具 Webstom.Notepad++.Eclipse.Text Subline.Dreamweaver.Intelli…