第七堂课

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#a1{ width:100px; height:30px; background-color:#60C; color:#FFF; text-decoration:none}

#d1{ width:300px; height:300px; background-color:#F3C; text-align:center ; vertical-align:auto; line-height:200px}

#an{ width:104px; height:40px; background-color:#38F; font-size:16px; text-align:center; vertical-align:middle; line-height:40px;}
#wai{ width:300px; height:300px; background-color:#0F0}
#nei{ float:left; width:300px; height:300px; margin:20px 30px 20px 30px; padding:40px 0px 0px 10px}
#li{ width:100px; height:200px; background-color:#C09}

*{ margin:opx auto; padding:opx;}
</style>

</head>

<body>
<div style="alignment-baseline:after-edge">hello</div>
<div style=" font-family:Verdana, Geneva, sans-serif; font-size:36px; font-weight:bold; font-style:italic; color:#000; text-decoration:blink;background-size:600px 600px; background-position:bottom; background-repeat:no-repeat; background-image:url(2016-05-27_plaque_hp.jpg); width:600px;height:600px; background-color:#F00";  >测试文字</div>  <br/>
<a id="a1" href="http://www.baidu.com">超链接</a>
<div id="d1">幸福呀好</div>
<div id="an">百度一下</div>
<p style="text-indent:31px; text-height:50px">感第二方提供优惠让他与偶乳房同归于尽让退团购会回家觉就回家巨坑u句回家回家回家好回家好看好看巨坑好看回家考虑好看即将巨坑看巨坑就你吗, 不能那么, 巨坑就, </p>
<div id="wai">
    <div id="nei">
    <div id="li">
    </div>
    </div>

</div>

</body>
</html>

样式控制大小,写样式属性时,后面要写单位像素px,高度和宽度要用分号;区分
背景图片可以用五个来调整,分别为bottom下边,lift左边,center居中,right右边,top上边

repeat-x是平铺的意思

background-size:      是修改背景图大小

控制字体

网络最常见的字体是微软雅黑,常用的字体大小是14px或16px

font-weigh:bold是字体加粗

font-style:italic是字体倾斜

直接写color:       是代表字体颜色

text-decoration:可以选上划线,下划线,还有删除线,代表文本修饰

超链接,让超链接变成正常文字的外形

给它做一个内嵌,加入样式属性,text-decortaion:none 加入这个,可以打掉超链接的下划线

还学到好几个属性

text-align:ceter   是文字水平对齐方式,ceter是居中

vertical-align垂直对齐方式  line-height:       在行高里面居中,这两个可以配合使用

设置样式

在写段落时<p>内容</p>

可以在p后面增加样式  style="text-indent:30px"    是缩进多少像素的意思

边界边框

边距是margin:      内边距是padding

设置边距的时候,比如说margin:20px 30px 20px 30px   这是按顺时针的方向来的,上右下左

*{margin:opx auto;padding:opx}这句话在做网页的时候都能用到,是把所有元素内边距和外边距都去掉

时间: 2024-11-05 22:02:59

第七堂课的相关文章

《七堂极简物理课》

<七堂极简物理课>,卡洛.罗韦利.在作者的讲述中,那些高深的科学理论,变得浪漫迷人,而那些过于复杂,令人头疼的知识在他的笔下,竟然充满了诗意. 我们好奇生命的起源,于是追溯物种进化的历程.我们好奇植物的模样,于是记录花开花落的瞬间.我们好奇风雨的方向,于是飞上天空去寻找远方.我们好奇脚下的泥土,于是我们漂洋过海跟随板块的踪迹.我们好奇海洋的神秘,于是追寻他的广袤,探究他的深邃. 原文地址:https://www.cnblogs.com/changwoo/p/9693365.html

Hadoop企业级完整训练:Rocky的16堂课(HDFS&amp;MapReduce&amp;HBase&amp;Hive&amp;Zookeeper&amp;Sqoop&amp;Pig&amp;Flume&amp;Project) - 0515

Hadoop是云计算的事实标准软件框架,是云计算理念.机制和商业化的具体实现,是整个云计算技术学习中公认的核心和最具有价值内容. 如何从企业级开发实战的角度开始,在实际企业级动手操作中深入浅出并循序渐进的掌握Hadoop是本课程的核心.   云计算学习者的心声: 如何从企业级开发的角度,不断动手实际操作,循序渐进中掌握Hadoop,直到能够直接进行企业级开始,是困惑很多对云计算感兴趣的朋友的核心问题,本课程正是为解决此问题而生,学习者只需要按照一步步的跟着视频动手操作,即可完全无痛掌握Hadoo

七月算法--12月机器学习在线班-第七次课笔记—最大熵

七月算法--12月机器学习在线班-第七次课笔记—最大熵 七月算法(julyedu.com)12月机器学习在线班学习笔记 http://www.julyedu.com

[复变函数]第20堂课 5.4 整函数与亚纯函数的概念

1.  整函数 (entire function) (1)  定义: 若 f 在 C 上解析, 则称 f 为整函数. (2)  性质: f(z)=∑∞n=0cnzn, 0≤|z|<∞ . (3)  例: f(z)=ez,sinz,cosz . (4)  分类 (按 ∞ 为 f 的哪类奇点) ∞ 为 f 的可去奇点∞ 为 f 的 m 阶极点∞ 为 f 的本质奇点?f≡const,?f 是一个 m 次多项式,?有无穷多个 cn≠0.  (5)  单叶整函数的刻画: f(z)=az+b,(a≠0).

Android企业级应用程序开发完整训练:精通Android商业级开发最佳实践的24堂课

从企业级商业实战的角度入手,24小时内通过23个动手实战案例,循序渐进的对Android商业级别的应用程序开发要点各个击破,依托于在多年的Android(6款完整的硬件产品和超过20款应用软件)开发和企业级培训经验(超过150期的次Android的企业内训和公开课),旨在在实务的基础之上帮助你完成任何复杂程序的高质量Android应用程序开发,让Android开发跟上想象的速度.最后,通过ActivityManagerService揭秘Android应用程序一切行为背后的核心根源,让你从此开发应

学习linux第二堂课 常用命令

第一堂课思维导图如下:

centos mysql 优化 第七节课

centos mysql  优化  第七节课 f

美国惊人3堂课, 彻底改变中国富二代!

第一课:不想变穷人就先认识贫困 第二课:为他人是一种商机 第三课:如何靠自己成为有钱人 我父亲是义乌从事小商品交易的老板,身家千万. 初中快毕业时,父母决定送我去美国华盛顿的贡萨加私立高中.这是一所有着近200年历史的顶级贵族学校,来此就读的学生非富即贵,说起来,父母算是用心良苦.为了能与“国际接轨”,出国前,他们把我送去学打高尔夫.苦练马术.高薪聘请获过奖的跳舞达人教授交际舞.街舞…… 开学第一天,我带着一种炫富比贵的心态,穿着顶级名牌服装,开著名贵跑车来到学校. “嗨,你是从中国来的吧?”两

[复变函数]第21堂课 6 留数理论及其应用 6. 1 留数

0.  引言---回忆 (1)  Cauchy 积分公式 (第三章) \beex \bea f\mbox{ 在 }D\mbox{ 内解析}, \mbox{ 在 }\bar D=D+\p D\mbox{ 上连续}&\ra \int_C \cfrac{f(z)}{z-a}\rd z=2\pi if(a),\quad a\in D\\ &\ra \int_C \cfrac{f(z)}{(z-a)^{n+1}}\rd z=\cfrac{2\pi i}{n!}f^{(n)}(a),\quad a\i