仿写的一个聚划算的例子

margin: 0;

padding: 0;

}

header{

width: 100%;

height: 45px;

background-color: rgba(242,24,97,.95);

display: -webkit-box;

}

header .logo{

width: 110px;

height: 45px;

background-color: orange;

position: relative;

}

header .logo h1{

width: 65px;

height: 20px;

background: url(images/logo.png);

/*margin: 0 auto;*/

left: 50%;

top: 50%;

position: absolute;

/*css3中的变形*/

-webkit-transform:translate(-50%,-50%);

/*SEO的考量,类似于缩进*/

text-indent: -9999px;

/*里面的自适应*/

-webkit-background-size: cover;

background-size: cover;

}

header nav{

-webkit-box-flex:1;

}

header nav ul{

/*一条上*/

display: -webkit-box;

/*去掉li前的原点*/

list-style: none;

}

header nav ul li{

/*一条线上成比例*/

-webkit-box-flex:1;

/*行间距可以将文字顶居中*/

line-height: 45px;

text-align: center;

}

header nav ul li a{

/*去掉a下的横线*/

text-decoration: none;

color: white;

}

header .but{

width: 110px;

height: 45px;

background-color: orange;

}

聚划算

今日
品牌
生活

html手机端自适应头部,html5写自适应头部相关推荐

第九十三节，html5+css3移动手机端流体布局，基础CSS,头部设计,轮播设计,底部设计...
html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计基础CSS 首先将通用css属性写好 @charset "utf-8"; /*通用样式*/ /*去 ...
在CSS中添加手机端（移动端）自适应样式
根据不同的设备设定的样式: @media (min-width: 768px){ //>=768的设备 } @media (min-width: 992px){ //>=992的设备 } ...
手机html5卡,手机端js和html5刮刮卡效果
H5的Canvas实现刮刮卡效果. 刮开之后是随机生成的8位码. IE8不行... HTML5 刮刮卡 .demo{width:320px; margin:10px auto 20px auto; m ...
html手机端在线制作,HTML5制作,手机H5页面制作,H5炫酷效果,前端制作 | 纬博赛特...
前端制作,又称网页重构,即将设计变成页面.万维网,万变不离其宗,归根结底,页面还是HTML. 静态网页制作过程,主要包括三个要素:HTML(标准通用标记语言下的一个应用).级联样式表和JavaScri ...
html5 微场景特效,基于zepto的微信手机端微场景HTML5页面特效
代码修改处 1.index.html page处是管理图片的,在改div中添加删除图片及图片中的相关组件,如在div标签为page page-9中添加的Button组件. 2.page.css .pa ...
pdf文件在线预览，兼容多浏览器和手机端
前言最近学习了一下网页在线预览pdf文件的实现方式,主要有: PDFObject:使用起来非常方便,电脑端兼容性好,试过能兼容ie9,也很快,但在手机上一些浏览器无法在线. jquery.media ...
在html中写响应式布局的代码,手机端自适应响应式框架，移动端响应式布局代码...
移动端自适应框架,响应式布局,如何实现移动端不同分辨率的手机?在本文能够详解,响应式布局是HTML5和css的结合是必然,但是很多朋友不知道怎么实现不同分辨率下的手机端,自适应框架在本站也有,但是具体 ...
自适应网页设计的方法(手机端良好的访问体验)
一.在HTML头部增加viewport标签. 很多时候我们开发的页面需要自适应移动端和手机端,那么如何实现呢?其实很简单,看下面先看一个简单的网页代码 <html><head&g ...
html+css手机端自适应网页
一,最近在做项目,写移动端的网页,主要是自适应的问题.bootstrap等前端框架用的不好,又不想耽误时间,不能自适应很烦人,这里给大家介绍下我的方法, 也是结合了很多人的思路. 1.在头部加入这样的 ...

html手机端自适应头部,html5写自适应头部

聚划算

html手机端自适应头部,html5写自适应头部相关推荐

最新文章

热门文章