10-CSS综合练习
来源:互联网 发布:c语言调用matlab函数 编辑:程序博客网 时间:2024/06/05 16:44
梅兰商贸(总站练习)
1 设计师设计出来的图片
准备元素
2 确定网站的结构
meiBuy:将来凡是和这个网站相关的文件都放在一个meiBuy文件夹中。
css:所有的CSS文件都放在CSS文件夹中
js:所有的js文件都放在js文件夹中
index:网站的首页index.html
3决定页面的开发方式
1 从上到下依次编写:符合认知
2 从模块化的角度编写:符合有经验的开发者
css初始化
1.0清除标签的margin和padding:
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{ margin:0; padding:0;}
2.0清除img的边框
img { border: 0};
3.0清除li标签之前的小点
ul,ol,li{list-style: none;}
4.0给页面设置一个统一的字体大小和颜色,还要设置body的背景颜色。
body {font-size: 12px;color: #434343;font-family: "宋体";background-color: “#ffffff”}
5.0清除浮动
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}.clearfix {zoom: 1;}
6.0a标签设置字体颜色,去掉下划线,以及a:hover
a {color: #434343;text-decoration: none;} a:hover {color: green;}
7.0设置浮动:
.fl {float: left;}.fr {float: right;}
开始进行开发
*通栏:默认占浏览器的一整行**
版心:页面中用来存放内容的固定宽度***
自己写的时候低级错误一大堆。反正页面检查的作用很重要!!!做了一天太难了!!
阅读全文
0 0
- 10-CSS综合练习
- 10对话框综合练习
- HTML,CSS和Javascript综合练习-1
- CSS-相关练习4-HTML与CSS综合(婚纱摄影)
- 综合练习
- 综合练习
- html,js,css综合练习-2048游戏(使用表格布局)
- 综合练习:打字练习
- 综合练习:打字练习
- C语言综合练习
- 综合练习:简单日历
- 综合练习:宋词排列
- 综合练习:唐诗排列
- 综合练习:唐诗排列
- 综合练习:宋词排列
- 综合练习:简单日历
- Jquery 综合练习
- Js_数据类型综合练习
- 构建Linux根文件系统(二)
- 编码规范(二)
- bool型变量问题详解
- MessageEntity转换的隐式实例
- U-boot主循环main_loop分析
- 10-CSS综合练习
- /zookeeper_server.pid: No such file or directory FAILED TO WRITE PID
- 读《批判性思维》
- Windows与Linux下tftp服务的使用
- win7 sp1 mbr.asm
- 数据库的基本命令实战
- Thrift 介绍及java实例(1)
- CSS鼠标悬停图片上图片变灰 变色 半透明
- Centos搭建ceph+++十、再添加两个Monitor