妙味课堂:css学习--- 制作一个网页html+css过程
来源:互联网 发布:淘宝跳失率怎么算 编辑:程序博客网 时间:2024/04/29 13:22
1. 大背景: repeat-x , 横向平铺一个图片。
2. 标题头:
div id="top" 设置居中: 需要先设置width 再设置 margin:0 auto; (这里的宽度一般只是指top的宽度。)为了避免浮动问题,height一般也最好设置出来。
ul class="top_menu" , ul + li + a 。 前面的·一般不兼容,出现的大小不同,这里最好使用背景或img图片。
url(.../images/body_bg.png) repeat-x right 14px; --- 这里定义了li的宽和高,只显示一部分图片。
定义字体居中: line-height:30px; 会自动向中间靠齐。
定义时,一系列的li,如果某一个出现了不同,再另外设置一个 class 来设置其样式。
url(../images/top_ico.png) no-repeat 0 -16px; 含义: 图片上去16个像素开始显示。
后面加图片的超链接,也是使用ul + li + img 。 (img 一般也是套在li中。)
3.header 部分:
光晕部分也是另外切出来的,注意白色背景也需要切除。
0 0
- 妙味课堂:css学习--- 制作一个网页html+css过程
- html/css的网页制作
- css和html制作网页
- HTML+CSS制作登陆网页
- 网页制作基础学习——HTML+CSS
- 网页制作基础学习——HTML+CSS .
- html+css课堂笔记
- 【网页学习】HTML + CSS + JS
- Web网页学习 html css
- 《html, css, javascritp网页制作》 刘西杰
- CSS+html:天涯网页仿照制作
- HTML、CSS、JavaScript网页制作笔记
- 用css/html制作简易bookstore网页
- 制作网页时css开局样式一个
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- 用html,css制作一个三角形
- 一个简单的网页布局HTML+CSS
- DIV+CSS网页制作布局技巧学习
- CF---C. Mashmokh and Numbers
- CF---C. Unusual Product
- 算法竞赛入门经典---函数部分4(动态规划)
- 2014.4.10 Web主机服务器建立
- 背景颜色渐变 css3 ---- 转自:至尊宝的BLOG http://blog.sina.com.cn/zzbnie
- 妙味课堂:css学习--- 制作一个网页html+css过程
- Web --- 课堂Js学习总结 --- 14年4月22日
- Notepad++ 配置
- 正则表达式
- 用友软件会计实验总结---王海燕老师
- jQuery---w3c 学习
- 照片墙效果(交换位置还未实现)
- jQuery --- 秒味
- IDE & SDK & JDK