CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/08 CSS

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果 @media 媒体类型and （媒体特性）{你的样式} 最大宽度max-width “max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于...

前端技术 2023/09/08 CSS

　　今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不同大小的demo。一起看下效果图：　　实现的代码。　　html代码：复制代码代码如下:<div class=\"wrap\" st...

前端技术 2023/09/08 CSS

现在，响应式Web设计无疑是非常流行的。对于新人，responsive design可能听起来有点复杂，但实际上，它比你想的要简单的多。为了帮助你快速入门响应式Web设计，我写了一篇快速入门教程。我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)...

前端技术 2023/09/08 CSS

css 控制submit加载背景图片做提交按钮复制代码代码如下: <style type=\"text/css\"> <!-- .button1{font-size:12px;cursor:hand;width: 58px;height: 21px;back...

前端技术 2023/09/09 CSS

建议:尽可能的手写代码，可以有效的提高学习效率和深度。由于IE6并不支持position:fixed，所以导致很多好的效果都无法实现，但是在IE6下并不是不能够实现，下面就通过一段实例介绍一下如何实现此种效果。代码实例如下: 复制代码代码如下: <!DO...

前端技术 2023/09/09 CSS

复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&g...

前端技术 2023/09/09 CSS

本文实例讲述了CSS实现自动变为大写的自适应漂亮菜单效果。分享给大家供大家参考。具体如下：这是一款个性的CSS导航栏，如果菜单上的文字是英文的，那么它会自动转化为英文大写格式，还会自动适合菜单文字的宽度，比较省心的菜单，相信你会喜欢。运行效果截图如下：在线演示地址如下：...

CSS样式编写的简明指南

前端技术 2023/09/09 CSS

复制代码代码如下:[selector]{ [property]:[value]; [<- Declaration ->]}</p> <p>[选择器]{ [属性]:[值]; [<- 声明 ->]} 编写 C...

前端技术 2023/09/09 CSS

先看下要实现的效果图片 png24位的图片如下与普通的蒙版效果不一样，需要有一个空白的地方显示页面上原有的动态内容；实现思路如下：1:要支持图的半透明效果，需要采用png24格式（png8不支持半透明效果，保存后会变成底色位黑色的图片）为兼容ie6需要...

CSS中基代码base.css一览

前端技术 2023/09/09 CSS

复制代码代码如下: /***** css set*****/ body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{margin:...

关闭

我的博客