css教程：美化网页段落的排版

css教程：美化网页段落的排版的相关文章

• 
  CSS实战：美化段落文本之首字下沉

  标签：Web开发

  今天要讲的内容是如何实现“首字下沉”，，第一个字是很大的红色楷体，陷于一段文字之首。这种做法在杂志中常见，但是在网页中不那么常见。那么如何实现呢？其实很简单，只有一句CSS就可以了。 Selector:first-letter {font-size:2.5em; font-family:"楷体_GB2312"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00;} 如果你觉得还不是很清楚，那么这里就...[ 查看全文 ]

  夜好孤单66

  31
• 
  CSS精品设计教程 用CSS样式表美化你的网页

  标签：Web开发

  第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： !D...[ 查看全文 ]

  雾霾下的情趣

  331
• 
  html基础系列教程Ⅴ：美化段落文本Ⅰ

  标签：Html CSS布局 Div+CSS XHTML

  上一节： 链接与文本标签们 web标准知识美化段落文本Ⅰ 上四篇的内容是把常用的XHTML标签拿出来介绍了一下，不是很详细。不过没关系，重点是要能先知道用他们，以后深入了再去细细研究更为详细的特性以及使用方法就容易多了。上篇已经说了在第五篇会开始讲CSS，刚开始讲不能讲得复杂，我们还是由浅入深，一步步来。还是那句话：先用起来，然后再去研究。即然我们第一篇讲的是段落，那我们这篇初讲CSS当...[ 查看全文 ]

  张扬霸道247

  21
• 
  html基础系列教程Ⅵ：美化段落文本Ⅱ

  标签：Html CSS布局 Div+CSS XHTML

  上一节： 美化段落文本Ⅰ web标准知识美化段落文本Ⅱ 懒，可能是唯一解释为什么这么长时间才写这一篇的主要原因。不述详情，以此责心。 上一篇讲了如何美化段落的基本形式，通过段距、首行缩进、首行突出以及字体、大小、色彩等也作了简要的讲述。由于很多知道在一些已有的资料里已经有了，所以我这里就不多说了，主要还是要讲一些应用的技巧。今天要讲的内容是如何实现首字下沉，也就是我博客首页上...[ 查看全文 ]

  Mr丶末小爷

  111
• 
  CSS用样式表美化你的网页

  标签：Web开发

  CSS用样式表美化你的网页 第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就...[ 查看全文 ]

  跟暧昧走调

  21
• 
  网页设计中针对中文排版CSS心得

  标签：Html CSS布局 Div+CSS XHTML

  数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。 先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得...[ 查看全文 ]

  锐创电脑维修

  121
• 
  CSS教程关于css框架网页设计

  标签：Web开发

  个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词框架。YUI、JQuery、Prototype这些javascript框架在开发网站时，确实成为前端开发工程师的手中利器。为什么呢？因为框架是包含工具、函数库、约定，以及尝试从...[ 查看全文 ]

  中国城市委员会

  51
• 
  CSS教程:网页文本渐变

  标签：Web开发

  注:本文由 Robin 翻译自 webdesignerwall  (这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗？ 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需要一个支持透明PNG的Hack(值得庆幸的是微软正在极力的将用户的IE6自动升级到IE7, 延伸阅读: Warning: An IE7 Au...[ 查看全文 ]

  宝宝密杨乐

  41
• 
  CSS教程：CSS放入网页的几种方式

  标签：Web开发

  上一篇介绍了CSS语法 我们可以用以下四种方式，将CSS套用入HTML文件中：    行內套用(Inline) 行内套用(Inline) 嵌入套用(Embed) 嵌入套用(Embed) 外部連接套用(External Link) 外部连接套用(External Link) 匯入套用(Import) 汇入套用(Import)行內套用行内套用 我們可以在HTML 文件內直接宣告樣式。我们可以在HTML文件内直接宣告样式。 舉例來說，举例来说， p style='font-family:verd...[ 查看全文 ]

  一刀斩你桃花快

  21
• 
  常见CSS排版方式

  标签：Web开发

  让文字居中 只要在代码中加入text-align:center，就可以让文章在容器的宽度内水平居中，如： p style="text-align:center"abcd/p 设置背景色 代码如下： p style=“background：#faf7e8; 显示一个边框 边框我们会用到border，添加一个边框，只要加上style=“border:1px dotted #080;”1px代码边框的大小，而dotted是边框的样式，常用的样式用三个：solid（实边） dashed（虚线） dotted（点状虚线）。...[ 查看全文 ]

  aixue904

  11
• 
  中文排版CSS心得

  标签：Web开发

  数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。 先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得...[ 查看全文 ]

  天蝎喜欢根雕

  81
• 
  CSS基础教程:CSS网页布局Page Layout

  标签：Web开发

  使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。 你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性，按HTML出现的先后顺序。 relative比较像static，但元素可以使用top,right,bottom和left设定初始...[ 查看全文 ]

  郜芷伊

  61
• 
  CSS实现段落首行缩进

  标签：Web开发

  段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。 我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。 看下面的例子： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....[ 查看全文 ]

  寻Q757856333安

  81
• 
  用CSS巧控制段落缩进

  标签：Html CSS布局 Div+CSS XHTML

  有关CSS段落缩进的语法如下： 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个字符 我们可以作如下定义,并把代码放在与间...[ 查看全文 ]

  jing晶J

  141
• 
  网页的版式设计---网页的排版与布局

  标签：Web开发

  网页的版式设计---网页的排版与布局 很多朋友都想向我学习如何做网页，我知道他们的意思就是说要想向我学习如何用做网页的软件，如dreamweaver、flash、firework、photoshop等等，这些纯技术的东西我不想多谈，因为如今技术的发展一日千里，就是这种应用软件也是发展升级得非常的快。 今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方...[ 查看全文 ]

  IFavourite00

  101
• 
  网页的排版与布局思考

  标签：Web开发

  很多朋友都想向我学习如何做网页，我知道他们的意思就是说要想向我学习如何用做网页的软件，如dreamweaver、flash、firework、photoshop等等，这些纯技术的东西我不想多谈，因为如今技术的发展一日千里，就是这种应用软件也是发展升级得非常的快。 今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识，很多初学者都忽视这方面，...[ 查看全文 ]

  肉饼33

  31
• 
  CSS隐藏网页的滚动条教程

  标签：Web开发

  解决思路： 我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤： 方法一：设置CSS属性overflow为hidden。 ＜body＞ 方法二：设置body元素的scroll属性为no。 ＜body scroll="no"＞ 注意： 建议用方法一隐藏滚动条，用方法二的话在IE5.0中无...[ 查看全文 ]

  学校给的忧伤

  41
• 
  使用CSS设置段落首字下沉

  标签：Web开发

  我们在使用Word制作文档，或者观看某些报刊杂志时，总会看到段落的首字下沉的效果。那我们在使用ＤＷ制作网页时，是否也能做出这样的效果呢？答案是肯定的。 制作方法： 定义ＣＳＳ样式，代码如下： .first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; background-color: #E4E4E4} 代码介绍如下： Font-weight:bolder 定义...[ 查看全文 ]

  茗嫄

  221
• 
  使用CSS控制段落首行缩进

  标签：Web开发

  p{ font-size:10.5pt; text-indent: 21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字[ 查看全文 ]

  登到山顶看大海

  51
• 
  CSS网页制作布局实例教程

  标签：Web开发

  相关文章： 用CSS建设网站的实例 原文博客：veerle 翻译整理：西米CC 来自国外博客veerle的一个系列教程，分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细，但是其中提及的很多技巧和经验都很值得初学者借鉴，从界面设计到页面构建，强调了很多细节的设计理念。在翻译的过程中，个人觉得本教程比较薄弱的环节是页面整体布局的搭建，篇幅不是很充分，不过大家仍然可以通...[ 查看全文 ]

  外外是王的女人

  51