页面布局3

先分析布局

我把页面分为5部分

第一行 一张图片

第二行  一个p里包含了7个超链接

修饰：

第三行 一张图片

第四行  终于把内容写完了

修饰：

1 修饰国内新闻和国际新闻

2.修饰小标题

3.修饰p标签

4.修饰hr

5.修饰国际新闻下面的文字

我选择用结构伪类选择器 选择p这个类型的第3个p

6.设置首行缩进  这时候我选择用结构伪类选择器，选择p这个类型的前两个

7.最后一行因为有一段文字有加粗效果，所以放在span里修饰字体时 我选择了结构伪类选择器

时间： 2024-07-30 10:17:10

页面布局3的相关文章

微信小程序页面布局

页面布局: wcml: <view class="page"> <view class="page_hd"> </view> <view class="page_bd"> <view class="section_nav"> <view class="left border_right"> 酒店 </view> <vi

jquery-easyui实现页面布局和增删改查操作（SSH2框架支持）转载

http://blessht.iteye.com/blog/1069749/ 已注册:ooip 关联的csdn 前几天心血来潮用jquery-easyui+spring.struts2.hibernate实现了一个系统的一小部分功能,下面给大家分享一下. 首先看运行效果: [图一:登录页] [图二:页面布局] [图三:用户编辑层] [图四:确认弹出框] 准备 easyui插件简介在这就不赘述了,大家可以在iteye上找到很多该插件的相关消息. 如果页面需要使用easyui插件,需要引进一下js和

HTML页面布局

接下来的下面代码,只是给了一个大的前端编写布局,如果你已经是牛人了,就当没看到,如果是一些初学者,不妨拿去用用,里面也写了一些常用的css样式,现在虽然有很多牛逼的前段框架,用起来也非常得心应手,但是如果你要对自己很多定制化需求,最后肯定是要自己来编写前端页面的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--网页标题-->

关于页面布局

常见的页面布局有好几种,要做一个页面,首先要知道一个页面的大小,拉的第一个div标签的时候切记要定一个具体数值,最好不要用100%来表示, 会影响到整个页面,当你在拉动视口的时候,页面的内容也会随之发生变化.在使用margin改变页面布局的时候一定要注意页面发生的变化,可能一个小细节就可能造成页面混乱. 在使用的浮动的时候要注意浮动的几大特性:浮动会脱离文档流,影响别的元素.浮动的包裹性.子级浮动会造成父级高度塌陷.元素浮动不会穿过padding区域.

CSS3与页面布局学习总结（八）——浏览器兼容与前端性能优化

目录 一.浏览器兼容 1.1.概要 1.2.浏览器内核 1.3.浏览器市场份额(Browser Market Share) 1.4.兼容的一般标准 1.5.CSS Reset 1.6.CSS Hack 1.6.1.条件注释法 1.6.2.样式内属性标记法 1.6.3.选择器前缀法 1.7.文档模式 (X-UA-Compatible) 1.8.javascript兼容 二.前端性能优化 2.1.概要 2.2.减少HTTP请求数量 2.2.1.图片地图 2.2.2.精灵图片(Sprite) 2.2.

蓝懿IOS页面布局AuToLayou

今天接触了页面布局的东西,刘国斌老师详细的用图形编程的方式和代码都将解了一遍.代码和stroyboard感觉都比较麻烦,而且逻辑思维要求比较高. Editor菜单上有一个Resolve Auto Layout Issues子菜单.从这个菜单中,选中Update Constraints.就我这个情况来说,这会告诉Interface Builder需要将约束变大64点,像这样: 很好,T-bars又变蓝了,布局是有效的.在Document Outline中,你可以看到Horizontal Space

css基础css页面布局基础

样式可以在HTML中定义,也可以在一个单独的外部样式文件中定义.样式可以分为嵌入式样式表,外部样式表,内联样式表. 外部样式表:首先要建一个后缀为.css的样式表文件,然后在web文档中的<head>段使用<link>标记,这样就可以将一个外部样式表文件链接到文档中. 语法:<link rel="stylesheet" type="text/css" href="样式表的url"/> 嵌入式样式表:在web文档

CSS3页面布局方案

Web页面中的布局,在css3之前,主要使用float属性或者position属性进行页面中的简单布局,但是使用它们也存在一些缺点,比如两栏或者多栏中如果元素的内容高度不一致,则有底部很难对齐的问题.因此在css3中追加了一些新的布局方式,使用这些新的布局方式,除了可以修改之前存在的问题之外,还可以进行更为便捷,更为复杂的页面布局. 我们可以先来看看传统使用float或者position属性布局页面:如下HTML代码: <div style="width:100%;overflow:hid

页面布局和webpart

页面布局和webpart 分类: SharePoint入门2014-10-14 00:13 269人阅读 评论(0) 收藏 举报 SharePointpage layoutwebpart 所有工作都做完毕之后,就可以把Webpart加到主页上了. 为了使主页分布合理,先修改一下Layout.点击右上角的小齿轮,Edit page,页面进入到编辑模式,点击Ribbon上的Text Layout,可以看到SharePoint已经内置了一些layout. 这里选择带有头部和三列的layout: 然后把

Web页面布局方式小结

事实上,本文是在Peter Jerde的How much information can be stored by ordering 52 playing cards文章基础上翻译.改编和扩展而来的.当然这是经过Jerde本人首肯的. 注意本文方法并非最优,也没有完全利用所有的信息空间,只是简单的尝试. 有数字的地方就有信息.所以扑克牌中保存信息不是什么新鲜事. PDF文档点这里:下载 原文(英文)点这里:访问 这里有两个DEMO. 编码DEMO,解码DEMO 首先是"DEEP IN SHALL