网页设计与开发-实验报告-3

文字相关的CSS属性

属性名称	用途
font-family	设置字体
font-size	设置字号
letter-spacing	字间距
word-spacing	词间距
line-height	行间距常规比例为10:12，即用字10点，则行间距12点
color	文字颜色
段落p的padding	内边距
段落p的margin	外边距
font-weight	加粗字

矩形框标记`<div>`的CSS属性

属性名称	用途
background-color	背景色
background	背景图片 background:url(a.jpg);

学生实验

参照本章实验建立一个如下图所示的HTML文档

<!DOCTYPE html>
<html><head><title>诗词排版效果</title><style type="text/css">.poemAuthor{font-family:宋体;font-size:14px;}.poemText{font-family:monospace;font-size:24px;font-weight:bold;letter-spacing:12px;line-height:2.5;color:#B22222;}.poemComment{font-family:宋体;font-size:14px;letter-spacing:3px;line-height:1.5;text-align:left;}.emphasize{font-weight:bold;}div{width:650px;margin:0 auto;text-align:center;background:url(a.jpg);padding: 20px;}H1{font-family:黑体;font-size:44px;color:#B22222;letter-spacing:12px;}</style></head><body><div><p><h1>如梦令</h1></p><p class="poemAuthor">【宋】李清照</p><p class="poemText">昨夜雨疏风骤，浓睡不消残酒。<br>试问卷帘人，却道“海棠依旧”。<br>“知否，知否？应是绿肥红瘦。”</p><p class="poemComment"><span class="emphasize">【作者简介】</span>李清照（1084年3月13日～1155年5月12日）号易安居士，汉族，山东省济南章丘人。宋代（南北宋之交）女词人，婉约词派代表，有“千古第一才女”之称。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。论词强调协律，崇尚典雅，提出词“别是一家”之说，反对以作诗文之法作词。能诗，留存不多，部分篇章感时咏史，情辞慷慨，与其词风不同。有《易安居士文集》《易安词》，已散佚。后人有《漱玉词》辑本。今有《李清照集校注》。</p></div></body>
</html>

网页设计与开发-实验报告-3相关推荐

网页设计与开发-实验报告-4
网页设计与开发-实验报告-4 网页设计与开发-实验报告-4 学生实验2 学生实验3 学生实验4 学生实验5 网页设计与开发-实验报告-4 学生实验2 利用list-style-image:url(图像 ...
网页设计与开发-实验报告-2
网页设计与开发-实验报告-2 网页设计与开发-实验报告-2 总结学生实验网页设计与开发-实验报告-2 总结 DOCTYPE声明代码是 <!DOCTYPE html> 该声明必须放在ht ...
网页设计与开发-实验报告-6和8
网页设计与开发-实验报告-6和8 网页设计与开发-实验报告-6和8 学生实验3 网页设计与开发-实验报告-6和8 学生实验3 设计图书类网站 <!DOCTYPE html> <htm ...
php网站开发期末大作业,网页设计期末大作业报告..doc
网页设计期末大作业报告. 南开大学滨海学院本科生论文(设计) 中文题目:外文题目:Website design and implementation based on Web develo ...
嵌入式软件设计第九次实验报告-140201235-陈宇
嵌入式软件设计第九次实验报告学号:140201235 姓名:陈宇组别:第3组实验地点:D19 一.实验目的: 1.熟悉WWW ...
《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 1.4 　真正的HTML5
本节书摘来异步社区<移动网页设计与开发 HTML5+CSS3+JavaScript>一书中的第1章,第1.4节,作者:[英]Peter Gasston,更多章节内容可以访问云栖社区&quo ...
嵌入式软件设计第十次实验报告-140201235-陈宇
嵌入式软件设计第十次实验报告学号:140201235 姓名:陈宇组别:第3组实验地点:D19 一.实验目的: 1.了解GSM模块SIM900A ...
网页设计与开发：HTML、CSS、JavaScript实例教程 (郑娅峰) pdf扫描版
网页设计与开发:HTML.CSS.JavaScript实例教程从实用角度出发,详细讲解了HTML.CSS和JavaScript的基本语法和设计技巧,通过一个实用的班级网站的规划.设计.实现到发布过程, ...
网页中设定表格边框的厚度的属性_网页设计与开发第6章试卷及答案资料
网页设计与开发第6章试卷及答案资料网页设计与开发第6章试卷一. 选择题1)在HTML文件中,可以让表格显示边框线,例如table border5,5代表边框线的粗细,它的单位是 .Acm Bpixe ...

网页设计与开发-实验报告-3

网页设计与开发-实验报告-3

网页设计与开发-实验报告-3

文字相关的CSS属性

矩形框标记`<div>`的CSS属性

学生实验

网页设计与开发-实验报告-3相关推荐

最新文章

热门文章

网页设计与开发-实验报告-3

网页设计与开发-实验报告-3

网页设计与开发-实验报告-3

文字相关的CSS属性

矩形框标记<div>的CSS属性

学生实验

网页设计与开发-实验报告-3相关推荐

最新文章

热门文章

矩形框标记`<div>`的CSS属性