html5_______9.26

补充:Margin:0 auto;text-align:center;

Margin的居中是对自身,text-align对元素内部的文本来说。

Visibilityhidden;和display:none;

Visibility 隐藏了还占用着空间,display隐藏了之后不占用空间了。

9.17

1.     Position位置

2.     只要使用定位,必须要有一个相对的参照物。relative(相对的)

3.     具体定位的那个元素需要加position:absolute;(绝对的)

绝对的 :就是具体到某一个地方了,特别详细的意思。

 

备注:使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级查找position,一直到找到position为止,如果找不到就以body为相对位置。

一、页面布局

1.结构层:搭我们的页面框架。

2.布局层:针对框架内部结构进行排版。

注意:不需要使用浮动解决的问题尽量不用。

          使用浮动之后会使该元素脱标,并且该元素的margin

二:div 盒子模型:就是一个容器,可以装任何标签。

1.        盒子实际占用的空间

 

1.        盒子的实际宽高和高度

 

2.        如何理解盒子模型

 

备注:细节性的问题

 

1.块级元素的宽如果没有设置宽度,就是父级的宽,如果没有设置高度根据内容而定。

 

2.结构选择器Div:nth-of-type(1))

 

3.单位问题 width

 

(1).100px

 

(2).百分比,给一个元素设置的宽是50%,那么这个50% 是相对他的父级。

9.18

1.     Position细说

Position:relative;                                                       Position:absolute;

Left:100px;                                                                  Left:100px;

Top:100px;                                                                  Top:100px;

Positionrelative;如果设置值了,相对原来的位置进行调整

二者区别

1.  absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置。

2.  Relative存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。

3.  Absolute 会有一种现象压盖效果。

Z-index层次关系,可以改变元素的层叠位置,所有的标签默认是0 z-index的值越大,该元素就在上方。

备注:以后我们做定位的时候,尽量保持子绝父相

Fixed 固定定位(Position:fixed;) 

 

脱离标准流的属性有哪些:float  position:absolute  position:fixed.

Positionstatic;(静态)

Form

<from     action=""      method="post">

<input     type="submit"    value="">

</from>

 

 

1.action 提交的地址 ;

 

methods 提交方式 post get; 

 

get 是在httpurl上提交不加密   post加密在http中的一个body对象上提交的。

<input     type="submit"    value="提交">提交按钮

<input     type="button"    value="按钮">普通按钮

<input     type="checkbox"/ >多选框

<input     type="radio"/ >单选框

<input     type="password"/ >密码框

<input     type="text"/ >文本框标签

 

http 是一种协议,就是客户端和服务端链接的一种协议。超文本传输协议

 

下拉列表

<select  name="">

  <opion  value=""></opion>

  <opion  value=""></opion>

  <opion  value=""></opion>

  <opion  value=""></opion>

</select>

9.18

1.定位让元素居中;

div{

  position:absolute;

  left:50%;

  top:50%;

  margin-left:-100px;

  margin-top;-600px;

2.透明度(opacity)

默认值是  1不透明  0全透明

9.26

 

1.     background-position  雪碧图

 

我们的htmlcss中有三个属性可以向服务器发送请求

src   href   url

 

2.        Overflow

 

(1)      Hidden 超出就隐藏

 

(2)      Scroll  出现滚动条

 

Visibility:hidden;  可见的(消失但是占用位置)

 

Display:none;(消失但不占用位置)

 

posted @ 2018-09-26 20:23  前端开创者123  阅读(101)  评论(0编辑  收藏  举报