![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
大爱无疆强
这个作者很懒,什么都没留下…
展开
-
css3 calc():css简单的数学运算-加减乘除
css3 calc():css简单的数学运算–加减乘除多好的东西啊,不用js,一个css就解决了。.box{border:1px solid #ddd;width:calc(100% - 100px);background:#9AC8EB;}3栏等宽布局。.box{margin-left:20px;width:calc(100%/3 - 20px);}.box:nth-child(转载 2013-07-22 17:12:56 · 3144 阅读 · 0 评论 -
CSS3中display:box模式box-flex不均分的情况
现象今天用css3的display:box属性时,出现了一个怪现象,它内部的子元素有内容并且内容还挺多的时候,box-flex就会失效,看下边这个:问题页面,看到了吧,虽然设置了box-flex:1,但是这三个子div并没有均分,而是根据其内容来分配。解决百谷之后,终于找到了个奇技淫巧,设置子div的宽度,象这样解决后的页面 发现没有?多了width:1%,对的,眼神好使,这个转载 2013-07-26 08:14:07 · 2408 阅读 · 0 评论 -
使用CSS3的appearance属性改变元素的外观
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果。大家都知道每个浏览转载 2013-11-25 11:41:31 · 635 阅读 · 0 评论 -
text-size-adjust
该属性用来设定文字大小是否根据设备(浏览器)来自动调整语法1text-size-adjust:percentage值percentage:字体显示的大小;auto:默认,字体大小会根据设备/浏览器来自动调整;none:字体大小不会自动调整详解该属性最初为iPhone版safari设计,用来自动调整普通网页在iPh转载 2013-11-25 13:02:54 · 952 阅读 · 0 评论 -
CSS3 实用技巧:制作三角形
/* create an arrow that points up */div.arrow-up { width:0px; height:0px; border-left:5px solid transparent; /* left arrow slant */ border-right:5px solid transparent; /* right arrow slant转载 2013-11-13 22:02:08 · 818 阅读 · 0 评论 -
CSS3实现水平垂直居中
水平垂直居中的制作大家都有碰到过,水平居中方法好处理,但是垂直居中的话还是让很多人头痛过,我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片,单行文本和多行文本实现各种浏览器的水平垂直居中的方案。前面在《CSS制作图片水平垂直居中》和《CSS制作水平垂直居中对齐》两篇文章中和大家一起探讨过多种实现方法,以及兼容ie浏览器。这次在iPhone项目中实现弹出窗口水平垂直居中,转载 2014-01-02 00:00:25 · 864 阅读 · 0 评论 -
iPad CSS控制横屏/竖屏布局(Landscape/Portrait Modes)
iPad CSS控制横屏/竖屏布局(Landscape/Portrait Modes)使用不同的CSS控制布局iPad\iPad2的分辨率是1024*768,同时iPad也支持横屏和竖屏。为了让内容更好的展现给用户,我们就需要在竖屏和横屏的布局上做不同的处理。@media only screen and (max-device-width: 1024px) and (orienta转载 2014-04-29 13:31:47 · 6360 阅读 · 0 评论 -
html5 手机开发 如何区分横屏和竖屏, 在CSS中
如何区分横屏和竖屏, 在CSS中?//竖屏Css代码 @media screen and (orientation:portrait) { div { background-color:red; }}//横屏Css代码 @media screen and (orientation:landscape) {转载 2014-04-30 12:42:36 · 2055 阅读 · 0 评论