自己动手、丰衣足食!<样式表-1 > 好丑



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<link href="Untitled-2.css" rel="stylesheet" type="text/css" />

</head>

<body background="1_120202092912_1.jpg">
<a href="http://www.hao123.com">好123官网</a><br />

<div style="background-color:#0F0">111111111111111</div>
<p>鲁迅</p>
<p>鲁迅(1881年9月25日-1936年10月19日),原名周樟寿,后改名周树人,字豫山,后改豫才,“鲁迅”是他1918年发表《狂人日记》时所用的笔名,也是他影响最为广泛的笔名,浙江绍兴人。著名文学家、思想家,五四新文化运动的重要参与者,中国文学的奠基人。毛曾评价:“鲁迅的方向,就是中华民族新文化的方向。”</p><br />
<br />
<div class="aa" id="a1">鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响,蜚声世界文坛,尤其在韩国、日本思想文化领域有极其重要的地位和影响,被誉为“二十世纪东亚文化地图上占最大领土的作家”。</div>
&nbsp;
<div class="aa" id="a2"><p>小说集《呐喊》《彷徨》《故事新编》</p></div><br /><br />
<br />

<div class="aa" id="a3">鲁迅生前所创作的未结集出版的杂文作品死后由蔡元培、许广平等整理出版纳入第一版鲁迅全集中,然而时间仓促,难免遗珠,1948年、1952年唐弢又整理出版了《鲁迅全集补遗》、《鲁迅全集补遗续编》,这些文章后以不同分类方式纳入各种版本的鲁迅全集之中,在这些全集中对这些文章总集所取名目颇多,以下皆以人民文学出版社2005年版《鲁迅全集》所取名为准。[80]
</div><br />
&nbsp;
<div class="aa" id="a4">鲁迅文学奖
鲁迅文学奖由中国作家协会主办,是中国具有最高荣誉的文学奖之一,该奖项每四年评选一次。旨在奖励优秀中篇小说、短篇小说、报告文学、诗歌、散文杂文、文学理论评论的创作,奖励中外文学作品的翻译,推动中国文学事业的繁荣发展。</div>

</body>
</html>

 
 1 @charset "utf-8";
 2 /* CSS Document */
 3
 4 p/*针对所有p标签*/
 5 {
 6     font-size:36px;/*字体大小*/
 7     color:#0F0;/*文字颜色*/
 8     background-color:#F00/*背景颜色*/}
 9 .aa
10 {
11     width:300px;/*必须带px*/
12     height:200px;
13     border:1px solid #F00}
14 .aa p
15 {
16     font-size:36px;
17     color:#399}
18 #a1
19     {
20         background-color:#090;
21         background-image:url(1386167025779.jpeg);/*设置背景图片(默认)*/
22         background-position:center/*背景图居中,设置的背景图位置,repeat必须是“no-repeat”*/;
23         font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif/*字体。*/}
24 #a2
25     {
26         background-color:#60F;
27         background-image:url(n0.jpg);/*设置背景图片(默认)*/
28         background-repeat:no-repeat;/*no-repeat是不平铺,repeat是平铺,repeat-x是横向平铺,repeat-y是纵向平铺*/
29         background-attachment:scroll/*背景随字体滚动*/;
30         text-indent:50px/*首行缩进量*/}
31 #a3
32     {
33         background-color:#C06;
34         font-size:20px;/*字体大小。*/
35         font-weight:bold/*字体粗细:bold是加粗,normal是正常*/}
36 #a4
37     {
38         background-color:#00C;
39         text-align:center;/*(水平对齐)居中对齐,left是左对齐,right是右对齐*/
40         text-decoration:underline;/*下划线,overline是上划线,line-through是删除线,none是去掉下划线*/
41         border:5px solid #FF0}
42 a
43     {
44         font-size:36px}
45 a:link
46 {
47     text-decoration:none;
48     color:#000}
49 a:visited
50     {
51         text-decoration:none;
52         color:#000}
53 a:hover
54         {
55             text-decoration:underline;
56             color:#F00}
57 a:active
58             {
59                 text-decoration:underline;
60                 color:#F30}

时间: 2024-10-13 11:15:09

自己动手、丰衣足食!<样式表-1 > 好丑的相关文章

css样式表

样式表主要分为三类:内联式.内嵌式和外部样式表. 内联式样式表是跟html联合显示,写在body标签里边,属于控制精确,但是可用性差.在三种样式中会优先显示作用. 内嵌式是作为独立区域写在head标签里边.body标签中有对应的标签:<div id/name/class="  "></div>. 外部样式表是新建一个css文件,用来放样式表,在html中用link链接. <link type="text/css" rel="s

网站开发综合技术 第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

css002 创建样式和样式表

创建样式和样式表 一个样式表包含多个样式 样式表的种类 1.内部样式表,存放在<head></head>之间.如: <head> <style>   (该标签是html的标签,不是css的) h1{color: red} </style> </head> 2.外部样式表 Html5 <link rel=”stylesheet” href=”style.css”> Html4.01 <link rel=”stylesh

通过Qt4.2样式表定制程序外观

通过Qt4.2样式表定制程序外观 1. 何为Qt样式表2. 样式表语法基础3. 方箱模型4. 前景与背景5. 创建可缩放样式6. 控制大小7. 处理伪状态8. 使用子部件定义微观样式 8.1. 相对定位    8.2. 绝对定位 摘要 由于Qt样式表的引入,定制Qt部件的外观样式变得非常简单. 无论你是想仅仅修改一个现有部件的外观,还是想从零开始设计一套全新的界面风格, 现在都有了一种新的方法而不必再去继承并实现一个QStyle的子类. 1. 何为Qt样式表 Qt 样式表的思想很大程度上是来自于

WebService错误:使用 XSL 样式表无法查看 XML 输入

在浏览器中输入URL: 'http://localhost/test.aspx'  出现下面错误提示信息: 无法显示 XML 页. 使用 XSL 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试. -------------------------------------------------------------------------------- 名称以无效字符开头.处理资源 'http://localhost/test.aspx' 时出错.第 1 行,位置: 2

css概述、css样式表分类、选择器分类、css基础样式

1 . 样式表  Cascading Style Sheet css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使网页布局更加灵活 减少网页代码量,增加网页的浏览速度,节省网络带宽 使用独立于网页的CSS,有利于网页被搜索引擎收录 嵌入ID>外部ID>嵌入class>外部class>嵌入标签>外部标签     1.1  引入方式 四种 style=""  行内样式表 <style>   内部样式表 <link rel=&

样式表(选择器))(样式)

一.选择器(样式表用来选取元素的) .标签:根据标签名选取元素 .class(.点)(根据class名来选取元素) .id(#井号)(根据id名来筛选出唯一元素) .复合:(逗号并列div,span)(空格后代#list li)(点筛选div·s) 二.样式 1.大小(width宽度)(height高度) 2.背景(background-color:背景颜色)(background-image:背景图片)(background-repeat:背景图的平铺方式)(background-positi

样式表 格式布局

一.样式表 1.分类 (1)内联样式表 即在body里面设置style. (2)内嵌样式表 即在head里面设置style. (3)外部样式表 即在CSS里面设置style. 2.选择器 (1)标签选择器.用标签名做选择器. (2)class选择器.都是以“.”开头. (3)ID选择器.以“#”开头. (4)复合选择器   用“,”隔开,表示并列. 用空格隔开,表示后代.相当于共有的. 筛选“.”. 二.样式属性 (一)背景与前景 2.前景字体: (二)边界和边框 (三) 链接的style:  

HTML基础(三)——css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p