欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
  • 去除css冗余

    用Firefox下载组件Dust-Me Selectors,就可以轻松去除多余css样式了。...

  • css3伪类选择器

    ...

  • css3选择器

    css2...

  • css3样式是

    display:hidden; 隐藏了不占位 visibiliy:hidden; 隐藏了占位 opacity:0; 隐藏了占位 position:absolute; left:-99999px; + 紧跟元素后面的 ~ 不强调紧跟后面 animation 不需要事件触发 transtion 需要事件触发(鼠标点击,)...

  • 用css画网页中icon小图标

    1.css Sprite 在国内被称为CSS雪碧,也叫CSS精灵它是把网页中一些零星背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置,因此也叫图片拼合技术。 好处:这样可以减少文件体积和服务器请求次数,从而提高效率 知识点: background-imgae...

  • float 讲解

    float:浮动具有破坏性,会让父元素高度塌陷! 如何解决浮动让父元素高度塌陷的bug? 浮动使高度塌陷不是bug,而是标准!! 浮动的原本作用仅仅是为了实现文字环绕效果! 权衡后的策略 .fix:after{content:; dispaly:block; height:0; overflow:hidden;clear:bo...

  • 什么是CSS3?

    CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器 chrome 、 safari 、 firefox 、 opera 、甚至360都已经支持了CSS3大部分功能了, IE10 以后也开始全面支持CSS3了。 在编写CSS3样式时,不同的浏览器可能需...

  • css3 线性渐变 linear-gradient

    一、线性渐变 linear-gradient linear-gradient(起点,开始颜色,结束颜色); 实例 渐变起点有很多种法 1.top 上下渐变 2.top right 右上角到左下角的渐变 3.top left 左上角到右下角的渐变 4.bottom left 左下角到右下角的渐变 5.bottom right 右下角到左上...

  • css3阴影box-shadow属性

    box-shadow属性 说明: 设置或检索对象阴影。参阅text-shadow属性 可以设定多组效果,每组参数值以逗号分隔。 取值: none: 无阴影 length①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 length②: 第2个长度值用来设置对象的阴影垂直偏移值。...

  • css3圆角属性border-radius实例讲解

    案例 说明: 设置或检索对象使用圆角边框。提供2个参数,2个参数以/分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数 水平半径: 如果提供四个参数值,将按上左、上右、下右、下左...

  • CSS3边框图片属性实例

    案例 background:url(1.jpg) center; border-image-source:url(./border.png);/*边框图片属性*/ border-image-width:27px;/*边框图片宽度属性*/ border-image-slice:27;/*边框图片切割属性*/ border-image-outset:27px;/*边框图片扩展属性*/ border-image-re...

  • DIV+CSS规范命名集合

    一、命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号()括起来,且一定要有值如class=divcss5,id=divcss5 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上/ 5)、表现...

  • css3基础案例

    1 2...

  • css中常用的文本属性

    属性 版本 简介 text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数。 vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-sp...

  • css content属性

    取值: normal | none | [ string | uri | counter | attr(identifier) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit 引用网址:http://www.dreamdu.com/css/property_content/ 初始值: normal 继承性: 否 适用于: :before与:af...

  • CSS3 Transition

    W3C标准中对css3的transition这是样描述的:css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。 语法: transition : [transition-proper...

  • CSS3的文字阴影—text-shadow

    语法: text-shadow : none | length none | [shadow, ] * shadow 或none | color [, color ]* 也就是: text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]... 或者 text-sh...

  • css3 box-shadow给对象实现图层阴影效果

    语法: E {box-shadow: length length length?length?||color} 也就是: E {box-shadow:inset x-offset y-offset blur-radius spread-radius color} 换句说: 对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 注:...

  • meta标签在移动端开发的使用

    2.1 meta name=viewport content=width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; / 一句可以让我们用全屏来布局我们的页面了,不用再担心页面显示被浏览器缩...

  • HTML5案例

    form表单 HTML5绘制的时钟 太阳系...

前端案例

返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!