文档章节

HTML5中css的选择器特性

zclshixisheng
 zclshixisheng
发布于 2016/04/20 16:59
字数 372
阅读 14
收藏 0
下边是自己需要设计的网页的相关代码,还在完善中。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=640,user-scalable=no" />

    <meta charset="UTF-8">
    <title>这是个网页</title>
    <link rel="stylesheet" href="../css/zcl1.css"/>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/daDIV.css.css"/>

<body>
    <div id="div1">素外咖啡,固定</div>
    <div id="gundong">
        <div id="div2">大图片</div>
        <div id="div3">地址,电话</div>
        <div id="div4"><img src="../images/wave.jpg"></div>
        <div id="div5">小图贴1</div>
         <div id="div52">小图贴2</div>
        <div id="div53">小图贴3</div>
        <div id="div54">小图贴4</div>
     </div>
</body>
</html>
* {
    margin: 0;
    padding: 0;
    border: 0;
}
body{
    background-color:rgb(235,235,235);
}
#div1 {
    background-color: rgb(114,46,2);
    width: 640px;
    height: 158px;
    text-align: center;
    font-size: large;
    position: fixed;
}
#div2{
    width: 640px;
    height: 360px;
    background-image: url("../images/beijing.jpg");
    position: relative;
    top: 158px;
}
#div3{
    width: 640px;
    height: 146px;
    background-color: white;
    font-size: large;
}
#div4{
    width: 640px;
    height: 189px;
    position: relative;
    top: 7px;
    background-color: white;
}
img{
    width: 625px;
    height: 175px;
    position: relative;
    top: 7px;
    left: 7px;
}
#div5{
    background-image: url("../images/coffe15.jpg");
    width: 308px;
    height: 215px;
    position: relative;
    left: 7px;
    top: 14px;

}
#div52{
    background-image: url("../images/coffe15.jpg");
    width: 308px;
    height: 215px;
    position: relative;
    left: 322px;
    top: -201px;
}
#div53{
    background-image: url("../images/");
    width: 308px;
    height: 215px;
}#div54{
     background-image: url("../images/");
     width: 308px;
     height: 215px;
 }





© 著作权归作者所有

zclshixisheng
粉丝 1
博文 2
码字总数 1070
作品 0
唐山
私信 提问
主流浏览器CSS3和HTML5兼容性详细清单

天极网软件频道2011-05-26 15:26 分享到:我要吐槽   更多精彩相关文章推荐:   常用浏览器软件HTML5兼容性表现测试   IE和Firefox浏览器CSS兼容性技巧整理   CSS hack定义技巧浏览器...

波利beryl
2014/11/12
119
0
五大主流浏览器CSS3和HTML5兼容性大比拼

本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种特性支持情况的详细清单。 各大主流浏览器对 CSS3 和 HTML5 的支持越来...

红薯
2011/05/26
4.7K
12
HTML 5 & CSS 3 的新交互特性

本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小,可能网速慢的网友在浏览的时...

jackzlz
2011/12/02
2.1K
13
16 款加速编码的 HTML5 在线工具

HTML5 是在开发者和设计者之间最流行的语言之一,提供了大量的功能来帮助开发者们快速的设计 web 应用。HTML5 有很多特性,例如支持现代化的浏览器(比如:Firefox 6,Google Chrome,IE9 等...

oschina
2014/01/20
4.3K
3
HTML5开发手机App之:CSS全教程-何韬-专题视频课程

HTML5开发手机App之:CSS全教程—20784人已学习 课程介绍 全面解读CSS2,CSS3以及CSS布局模式等各项知识点,深入系统了解CSS能够实现的各种功能并加以灵活运用。 课程收益 使致力于开发Web前...

pkutao
2016/03/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis Plus删除

/** @author beth @data 2019-10-17 00:30 */ @RunWith(SpringRunner.class) @SpringBootTest public class DeleteTest { @Autowired private UserInfoMapper userInfoMapper; /** 根据id删除......

一个yuanbeth
今天
4
0
总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
今天
5
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
今天
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部