发 送

html5跨平台实战-第一周-水平测验-新闻列表页面

yuiaoia 发表于 2017-09-20 10:28:18

标签: HTML DIV CSS

- +

这是一个DIV+CSS布局页面的一个实例，主要介绍POSITION定位、导航UL LI的制作、利用浮动原理对页面分栏、分列的页面布局。

新闻页面的效果图

1505874441240224.txt

1505874441486883.png

二级页.png

新闻页面的HTML结构 点击这里获取

新闻页面各个部分的CSS样式 点击这里获取

possitive(4) negative(0) views2217 comments1
私信 收藏 分享
分享到

发送私信

发送

最新评论

iefreer 2017-09-21 11:35:26

good start point for web programming


请先 登录 再评论.
相关文章

  • HTML5 And Canvas 2D Specs Are Now Feature Complete, First HTML 5.1 Working Draft Published

    We’ve been writing about HTML5 for quite a while, but, until today, the actual HTML5 specs and standards were still moving targets. Now, however, the...

  • CSS3原生变量（Native Variables）新特性简介

    对Web开发者来说，一个盼望已久的特性是CSS终于支持原生变量了！
    变量是程序语言中用来解决代码重复和进行表达式计算的关键概念（想想数学方程式中的x）。...

  • 使用CSS3 box-decoration-break特性实现多行文本样式

    当文章中的长文本被自动断行为多行文本时，其样式可能会出乎我们的设计。本文介绍如何使用CSS3中的box-decoration-break特性来处理多行元素样式。
    按照规范...

  • 粒子运动模拟 - Verlet积分算法简介

    Verlet算法是经典力学（牛顿力学）中的一种最为普遍的积分方法，被广泛运用在分子运动模拟（Molecular Dynamics Simulation），行星运动以及织物变形模拟等领域...

  • Blender2.7 快捷键一览表

    通用操作
    停止当前操作：ESC
    快捷搜索：SPACE撤销：ctrl+z重做：ctrl+shift+z渲染：F12
    单选：鼠标右键（RMB）全选：A
    框选：B
    刷选：...

  • 如何使用WebGL创建一个逼真的下雨动画

    之前写过文章来分别讲解如何使用CSS3和Canvas2D实现过雨滴和下雨动画。通过背景处理看起来也有视觉上的3D效果，但并非真正的3D场景，如果要加入用户交互，进行36...

  • 使用Canvas绘制完美的不完美圆形

    真实世界是不完美的，当我们需要模拟真实世界时，经常需要引入不完美/不规则的形状。比如陨石、雨滴、行星、树叶、绵延的海岸线、云朵等。本文介绍如何基于Canva...

  • D3.js读取外部json数据

    D3.js是一个很好的数据可视化工具，支持从web服务读取json数据，或者从外部文件如.json, .csv文件中直接读取。由于部分服务比如flickrs上的图文数据服务需要VPN...

  • Three.js 3D打印数据模型文件（.STL）加载

    3D打印是当下和未来10年产品技术主流方向之一，影响深远。对于电子商务类的3D打印网站，一个主要功能是把商品以3D的方式呈现出来，也就是3D数据可视化技术。HTML...

  • 如何使用纯CSS3实现一个3D泡沫

    要实现一个逼真的泡沫，涉及到比较复杂的光学/物理学知识。我们这里先简化下问题，实现一个相对简单而足够实用的泡沫元素。我们可以把基础的泡沫元素应用在很多场景中，比如水景、泡咖啡、啤酒甚至火焰特效中。泡沫首先是一个圆形元素.bubble

  • div 、section 、article的区别和使用场景

    div 、section 、article的区别和使用场景
    主要区别，以及适用场合如下：
    1、div在html早期版本就支持了，section和article是html5提出的两个雨衣话标...

    • 更多...