Div+CSS网页设计(HTML5)
来源:互联网 发布:魔兽世界7.3优化设置 编辑:程序博客网 时间:2024/05/19 03:22
1、将图片添加到div中间位置
<div style="color:#0000FF" id="top">
<div class="f1" align="center"><img src="img/logo.png"> </div></div>
#top{background: cadetblue;height: 170px;}
2、控制DIV里的文字的位置
.f2{
font-family: "微软雅黑" ;
color:#FFFFFF;
margin-top:-100px; //离顶部位置
margin-left: 1200px; //离左边边界位置
}
PS:
css控制字体的方法:
设置字号:font-size:12px
设置字色:color:#0000
设置字体:font-family:"黑体"
设置行高:line-height:150% line-height:1.5em
设置字体的粗细:font-weight:normal[正常]bold[粗体]
设置字体样式:font-style:normal[正常]italic[斜体]
修饰文字:text-decoration:none[正常]underline[下划线]overline[上划线]line-through[删除线]
字符间距:letter-spacing:normal[默认]length[长度单位]
单词间距:word-spacing:normal[默认]length[长度单位]
设置对象中文本缩进:text-indent:length text-indent:2em
文本水平对齐方式: text-align:left[左]center[中]right[右]
对象中空白处理: white-space:normal[自动换行]pre[换行和空白受保护nowrap[强制在同一行显示]
文本大小写控制: text-transform:none[正常大小]
capitalize[每个单词的第一个字母转换成大写]
uppercase[转换成大写]
lowercase[转换成小写]
- Div+CSS网页设计(HTML5)
- css+div网页设计(一)--基础知识
- DIV+CSS进行网页设计
- 网页设计-----DIV+CSS规则
- css+div网页设计(二)--布局与定位
- 网页设计基础:Div+CSS布局入门教程
- 网页设计必然趋势:DIV+CSS
- CSS+DIV下的网页设计实例
- DIV+CSS网页设计常用布局代码
- 轻松搞定网页设计之div+css
- 网页设计基础:Div+CSS布局入门教程
- DIV+CSS网页设计常用布局代码
- 网页设计之css+div PK table+css
- 网页设计之css+div PK table+css
- 【网页设计】div+css中的15个css注意事项
- (10)HTML5-CSS网页小游戏
- css+div网页设计(三)--与多种技术的混合应用
- 网页设计(div css)之浏览器不兼容性问题及解决方法
- Panel以及Label的设置
- 【技术重温】html之重点(二)
- SpringBoot与Thymeleaf实现国际化
- 带有首尾的可反转链表(LinkedList)的java实现
- Codeforces #339 D. Jon and Orbs(概率dp)
- Div+CSS网页设计(HTML5)
- mybatis中一级缓存和二级缓存的简单介绍
- ROS起步
- 计算化学程序的实现:哈密顿矩阵元的计算
- 【最小割Dinic】BZOJ2521(Shoi2010)[最小生成树]题解
- 接入第三方现在支付之微信支付所踩坑记
- matlab---之ceil与fix,round函数
- LeetCode题解 week13
- Caffe HDF5 header version与HDF5 library不匹配