1.2旅游项目

这篇博客主要介绍了如何使用HTML5和CSS来设计一个旅游网站的页面。内容涵盖了CSS代码,包括通用样式common.css和主要内容样式main.css。讨论了如何实现页面的布局,如水平居中、背景颜色、字体样式、盒子阴影等,并详细解释了各个元素的样式设置,如列表、标题、链接、图片等,以创建一个美观且功能完整的旅游项目展示页面。
摘要由CSDN通过智能技术生成

HTML5——1.2旅游项目

CSS代码:

/第1单元 项目1-2 旅游网站页面 common.css/
html {
height: 100%;
overflow-x: hidden; /表示水平方向隐藏溢出,没有滚动条/
background: #f5f5f5;
color: #444;
font: 14px/24px Helvetica !important; /字体样式为:字号大小14px 行高24px 字体为Helvetica,
!important设置该元素的样式具有最高权值/
}
body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; /为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。/
position: relative;
z-index: 0;
width: 100%;
max-width: 640px;
min-height: 100%;
margin: 0 auto; /页面水平居中/
overflow-x: hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.3); /盒子阴影:水平偏移,垂直偏移模糊值 ,阴影颜色(其中rgb指颜色,a指透明度/
}
div,ul,li,p {
margin: 0;
padding: 0;
outline: none; /当元素获得焦点的时候,焦点框为0,不出现虚线框(或高亮框)/
}
em,strong {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值