设为首页收藏本站

九九站长,站长论坛,discuz教程

 找回密码
 立即注册
查看: 1051|回复: 3
收起左侧

[div+css技术] 九九站长—文本属性练习作业!

[复制链接]

97

主题

165

帖子

1445

积分

九八级-网站编辑

Rank: 8Rank: 8

交易币
757 枚

活跃会员热心会员推广达人宣传达人突出贡献荣誉管理

发表于 2013-5-4 21:57:11 | 显示全部楼层 |阅读模式

注册加入九九站长论坛,一起交流,学习,分享网站技术,资源等!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

  上节课讲了文本的属性及用法, 以后尽量每讲新课,后面就做点小作业,等多讲点过后,就开始做些网页的布局,整个网页的编写代码!

把以下框内的内容用编写下:

                                      九九站长简介
      九九站长网,站长们必上的站长论坛,免费提供网站开发、discuz论坛技术支持,为站长们服务的免费网站!
       涉及到网站前端开发、后台服务器维护、服务器的配置、网站推广网站seodiscuz模版开发免费教程等,每天为站长们提供最快最新的资讯!

以上内容,自己下去编写,代码的编写我放在了第二楼的,建议你们自己编写下,看看和我的有什么区别,当然,我用的也是我只讲过的知识来编写的!
特别无聊,来九九站长看下教程!

97

主题

165

帖子

1445

积分

九八级-网站编辑

Rank: 8Rank: 8

交易币
757 枚

活跃会员热心会员推广达人宣传达人突出贡献荣誉管理

 楼主| 发表于 2013-5-4 21:58:55 | 显示全部楼层
<!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=gb2312" />
                <title></title>
                <link rel="stylesheet" href=".css" />
                <script type="text/javascript" src=".js"></script>
                <script type="text/javascript">
                        (document).ready(function() {
                                
                        });        
                </script>
                <style type="text/css">
                        *{margin:0;padding:0;list-style-type:none;}
                        body{width:100%;height:100%;font-size:12px;}
                        
                        h2{text-align:center;color:red;}
                        p{line-height:22px;text-indent:24px;}
                        .zq{font-weight:bold;}
                        .xh{text-decoration:underline;}
                </style>
        </head>
        <body>
                <h2 class="bi">九九站长网简介</h2>
                <p> <span class="zq">九九站长网</span>,站长们必上的<span class="zq">站长论坛</span>        ,免费提供网站开发、discuz论坛等技术支持,为站长们服务的免费网站!</p>
                <p>涉及到网站前端开发、后台服务器维护、服务器的配置、网站推广、<span class="zq xh">网站seo</span>及<span class="zq xh">discuz模版开发</span>免费教程等,每天为站长们提供最快最新的资讯! </p>
                <p>css样式表的前两行你们可能没看见过,我也没讲过,我这里就讲以下,第一行前面的星号选择器,意思是说选择所有的意思,用是是来清空所有的外边距和内边距及定义所有的子大小都为12px,第二行是定义body的宽和高都为整个页面的100%,list-style-type这个是定义ul列表的前面那个样式为无,默认的ul li标签前面不是有个小点的标记吗,这个就是用来去掉那个默认的,以后这些都是常用的!</p>
                <p>css代码第三行,给h2标签定义颜色红色,知道水平对齐方式<br/></p>
                <p>css代码第四行,给p标签定义行高为22px和首行缩进24px就是两个字体的宽度<br/></p>
                <p>css代码第五行,定义加了类选择器zq的标签字体为加粗<br/></p>
                <p>css代码第六行,定义加了类选择器xh的标签的文本修饰为添加下划线<br/></p>
        </body>
</html>
特别无聊,来九九站长看下教程!
回复 支持 反对

使用道具 举报

0

主题

3

帖子

11

积分

九一级

Rank: 1

交易币
1 枚
发表于 2013-6-25 08:29:48 | 显示全部楼层
来学习啦..........
回复 支持 反对

使用道具 举报

0

主题

60

帖子

69

积分

九一级

Rank: 1

交易币
0 枚
发表于 2013-12-4 00:42:59 | 显示全部楼层
好的,我会努力学习的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网上报警岗亭图标

Archiver|手机版|小黑屋|九九站长网 ( 渝ICP备13002263 )  
站长论坛   建站教程   discuz教程   discuz模板下载   网站优化
九九站长论坛版权所有:© 2001-2015;如有侵犯你的权利,请告知!

网警备案图
快速回复 返回顶部 返回列表