【Web前端基础】实验7 DIV+CSS综合运用

您所在的位置:网站首页 image41肺 【Web前端基础】实验7 DIV+CSS综合运用

【Web前端基础】实验7 DIV+CSS综合运用

2023-03-09 20:53| 来源: 网络整理| 查看: 265

项目一: 设计《中国教育网络》杂志简介 代码:

DOCTYPE html> 中国教育网络 @import url("layout_import.css"); *{font-size:14px;} p{ text-indent: 2em; line-height: 1.2em; } .div2{ width:100%; background: #f0f0f0; height: 120px; line-height: 1.5em; padding:10px auto; } #div3{ padding-left: 40px; font-size: 14px; clear: both; } ul{ list-style-type: none; } li{ float:left; width:250px; margin:0px 5px; } span{ color:red; font-size: x-large; } a:hover{ text-decoration: underline; color: red; } a:link,a:visited,a:active{ text-decoration :none; color:black; } h2,dt{ padding-left: 2em; } 《中国教育网络》杂志简介 2016-03-03 >>推荐阅读 ·COST论坛“迎新”系列视频讲座 ·技术运用升级 百所高校IPv6蝶变 ·教育信息化关注“十二五”规划 ·2010下一代互联网发展和运用论坛 ·教育信息化服务器应用突破壁垒 ·强调应用 移动IPv6发展空间无限 2004年12月,《中国教育网络》杂志正式出版发行。经国家新闻出版署、科技部批准,教育部主管,教育部科技发展中心主办,中国教育和科研计算机网(CERNET)承办的国家级权威科技期刊《中国教育网络》正式出版发行。 立足教育网络,服务于教育信息化,《中国教育网络》关注和解读国家信息化发展政策,全面报道中国教育网络建设现状及成就,研究探讨教育网络建设的经验与问题。介绍国际上先进的网络技术、理念,及时报道相关政策及重大事件,广泛反映围绕教育信息化的各种重大应用及重大事件,为领导、专家、师生及技术人员提供借鉴。 依托高校及社会各界的优秀专家,《中国教育网络》突出权威性、政策性、前瞻性,为专家及业界人士提供一个权威的交流与沟通平台。《中国教育网络》已成为中国最具影响力、权威性的专业期刊,已成为与中国教育信息化同步发展的核心媒体。 目标 始终保持教育信息化领域第一品牌胡市场地位 成为与中国教育信息化同步发展的核心媒体 定位 中国教育网络领域的综合杂志 ——全面反映教育网络研究、建设、管理及应用、文化、产业化胡成就及重大事件。 受人尊敬的专业权威杂志 ——依托政府、教育界、IT产业界的专家,专注于网络领域,制作高水准的内容。 影响高端人士,成为教育信息化宣传队 ——服务说教育网络的研究、建设与使用者,通过对高端人群的影响,确立自己作为教育信息化权威窗口胡地位。 杂志优势 强有力的政府指导 在教育部及相关部门的指导下,及时准确地传达、贯彻教育信息化发展的方针、政策、法规等,保证中国教育网络健康发展,推动教育网络建设与应用。 权威的专家队伍 依托CERNET及教育信息化领域最权威的专家组成的编辑委员会,《中国教育网络》将为读者提供高水准的内容,为工作提供高起点的业务及技术指导。 影响未来的用户群 《中国教育网络》用户群以教育领域从事互联网建设及应用的领导、专家、教师、科研人员为主,在该领域具有强大的影响力。 遍布全国的渠道 依托各地方教委及CERNET,《中国教育网络》将建设遍布全国的记者站,伴随教育网络的建设及拓展,中国教育网络在为读者服务的同时,也将不断壮大自己的渠道网络。

CSS代码:

/*layout_import.css*/ #div0{ border: 1px solid #cccccc; width:900px; height: 1000px; margin: 5px auto; } #div4{ height: 160px; margin: 10px auto; padding-left: 40px; }

网页效果: 1 实验2:设计《京东商品导购》页面 代码:

DOCTYPE html> 京东商品导购 .div0{ width:720px; height: 600px; border: 1px solid #0099ff; margin: 0 100px; text-align: center; } #div1{ text-align: center; margin:10px 10px; border: 1px double #9999cc; float: left; width: 208px; height: 225px; } h3{ text-align: center; font-size: 32px; color: red; } img{ width:186px; height:205px; border:10px groove #9999cc; } div a:hover img{ border:10px dashed #9999cc; } 京东商品导购

网页效果: 2 实验3:文轩图书榜 代码:

DOCTYPE html> 文轩图书榜 #div1{ width:160px; height: 150px; border: 1px solid #e0e0e0; float:left; margin:5px; } #div2{ width:700px; height:150px; } #div3{ width: 900px; height: 150px; border:1px solid #f0f0f0; float:left; } li{ list-style: none; line-height: 1.5em; } .span1{ background-color: #ff0033; color: #fff; width: 10px; height: 10px; } .span2{ font-size: 16px; font-family: 黑体; font-weight:bolder ; } .span3{ font-size: 16px; font-family: 黑体; font-weight:bolder ; color: #ff0033; } .span4{ color: #c0c0c0; font-weight: bolder; text-indent: 2em; font-family: 黑体; font-size: 16px; text-decoration: line-through; } 文轩图书榜 9 古汉语常用字字典(第4版) (13条评论) 王力 等原著者 2005年07月 商务印书馆 本书由著名语言学家王力、岑麟祥、林焘、戴澧、唐作藩、蒋绍愚等十余位专家学者编写,是学习古 汉语的必备工具书。 购买 收藏 25.60 元 (8.0 折) 定价:¥32.00 元

网页效果: 3



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3