欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

div+css

移动Web页面,为什么都喜欢width=device-width,并且关闭系统缩放功能?

如题,这种方式做的移动Web页面,设计稿通常是按照960*640的规格进行设计,再开发的时候,通常会把里面量到的尺寸缩小一半再开发。
普通分类: 

手机 滑动 惯性滑动 slipjs 各种特效 有大用 有大用

普通分类: 

锚点跳转位置上下偏移方法 位置 错位 有大用

如大家在 segmentfault 当前版本所见到的,点击锚点链接后,展示的内容会因为 header 区的浮动而被遮盖。
普通分类: 

CSS3阴影 box-shadow的使用和技巧总结 有大用

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。

基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

普通分类: 

CSS3的REM设置字体大小

CSS3的REM设置字体大小

普通分类: 

css 参考手册 http://www.css88.com/book/css/values/length/length.htm 有大用 有大用

普通分类: 

彻底弄懂css中单位px和em,rem的区别

 

 
普通分类: 

vw 大小单位 css 参考手册 有大用

普通分类: 

CSS3实现透明边框的方法分享 父元素透明 子元素不透明 有大用

我们在写项目的时候,经常性的会遇到弹出层的效果。
普通分类: 

CSS3的calc()使用

作者:大漠 日期:2012-08-06 点击:

普通分类: 

css中如何规定某一元素高度等于其宽度

假设我定义某元素的宽度为父元素的50%,而父元素的宽度是可变化的,我想让该元素的高度等于其宽度,如果不用js,要如何实现?
普通分类: 

在手机上 position:absolute 或者 position:fixed 绝对定位 或 固定定位居中的一种方法 有大用

下面是html
普通分类: 

CSS a 伪类

实例

规定链接的颜色:

普通分类: 

让所有浏览器支持HTML5 video视频标签

普通分类: 

变大写

style="text-transform:uppercase;"
普通分类: 

HTML <select> 标签的 disabled 属性

实例

一个被禁用的下拉列表:

普通分类: 

CSS 技巧 —— 圆角 画圆 内阴影 内侧阴影 有大用

这种类型的搜索框应该较为常见,设计元素有圆角和内阴影,在CSS2时期通常都是用图片实现的,来看下CSS3的效果,而对于IE6,7这样的悲剧浏览器,也不至于太难看:

普通分类: 

div 元素居中的方法

#loginbox {
    普通分类: 

    一个基本的手机网站的html5的页面 主要就是format-detection 和 viewport

    普通分类: 
    shiping1 的头像

    div 自适应 不同分辨率屏幕 高度

    div 自适应 不同分辨率屏幕 高度

     (2013-03-01 11:09:00)
    普通分类: 
    shiping1 的头像

    div 高度 自适应 页面高度自适应屏幕高度的CSS布局方法_Div+CSS教程 下面是自已做的例子 有大用

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>页面高度自适应屏幕高度的CSS布局方法_Div+CSS教程</title>
    <meta name="description" content="页面高度自适应屏幕高度的CSS布局方法,兼容各种浏览器。
    普通分类: 
    shiping1 的头像

    CSS中如何实现图片垂直居中

    在曾经的 淘宝UED 招聘 中有这样一道题目:

    “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”

    普通分类: 
    shiping1 的头像

    DIV+CSS如何让文字垂直居中? 我用的是第二种方法 有大用

    普通分类: 
    shiping1 的头像

    HTML标签marquee实现滚动效果

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。

    使用marquee标记不仅可以移动文字,也可以移动图片,表格等.

    普通分类: 

    padding-top 百分数 有大用

    好像是以body宽度的最大百分数来计算的
    普通分类: 
    shiping1 的头像

    手机 head 里面的东西

    <head>
        <
    普通分类: 
    shiping1 的头像

    Meta标签中的format-detection属性及含义

    Meta标签中的format-detection属性及含义

     (2013-07-09 11:31:57)
    普通分类: 
    shiping1 的头像

    Meta标签中的apple-mobile-web-app-status-bar-style属性及含义

    Meta标签中的apple-mobile-web-app-status-bar-style属性及含义

     
    普通分类: 
    shiping1 的头像

    Meta标签中的apple-mobile-web-app-capable属性及含义

    Meta标签中的apple-mobile-web-app-capable属性及含义

    普通分类: 
    shiping1 的头像

    自定义input type=file 样式的方法 自已亲自做的 有大用

    下面是自已亲自测试的代码 
    普通分类: 

    页面

    Subscribe to RSS - div+css