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

这里的技术是共享的

You are here

div+css

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">

    普通分类: 
    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 样式的方法 定制上传按钮样式 自己亲自做的 有大用 有大大用

    自己亲自做的 有大用

    html代码

    <div class="input-file-div">

              <input type="hidden" name="slide_ids[]" value="439">

              <input type="text" name="textfields[]" class="text-for-file" value="banner_1.jpg">

    普通分类: 
    shiping1 的头像

    HTML5 input placeholder 颜色修改示例

    正确代码 
    普通分类: 
    shiping1 的头像

    HTML5 <input> placeholder 属性

    shiping1 的头像

    ie6 hack 自己亲自做的 有大用

    普通分类: 
    shiping1 的头像

    CSS background-position 属性

    普通分类: 
    shiping1 的头像

    CSS3 background-size 属性 自己亲自做的例子 有大用

    自己亲自做的例子 

    普通分类: 
    shiping1 的头像

    css 代码简写 全称 略写 缩写 简称 Emmet Documentation 有大用

    Syntax

     

    普通分类: 
    shiping1 的头像

    html5 input

    1. <input class="span4" type="text" placeholder
    普通分类: 
    shiping1 的头像

    <input type="image"> 和 <img> 用法区别

    shiping1 的头像

    CSS设置DIV背景色渐变显示 有大用

    <style type="text/css"> 

    .linear{ 

    普通分类: 

    页面

    Subscribe to RSS - div+css