CSS的再深入5（更新中···）

番茄西红柿发布于2019-04-23 13:19 / 939人阅读

摘要：页面布局结构层搭我们的页面框架。不需要使用浮动解决的问题尽量不用。使用浮动之后会使该元素脱标，宋体并且该元素的宋体。备注以后我们做定位的时候，尽量保持子绝父相。宋体宋体是一种协议，就是客户端和服务端链接的一种协议。

页面布局

结构层：搭我们的页面框架。

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

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

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

div 盒子模型：

就是一个容器，可以装任何标签。

盒子实际占用的空间
盒子的实际宽高和高度
如何理解盒子模型

细节性的问题块级元素的宽如果没有设置宽度，就是父级的宽，如果没有设置高度根据内容而定。

结构选择器

（同一父级下子标签同级同标签名时使用，用法标签名：nth-of-type（序号/或者说是第几个）

div:nth-of-type(1)

单位问题 width

1.100px

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

position细说

　　position:relative;

　　left:100px;

　　top:100px;

　　position:absolute;

　　left:100px;

　　top:100px;

　　position：relative；如果设置值了，相对原来的位置进行调整

　　二者区别

1. 　　absolute会脱离标准流，relative不会，relative虽然给值了，但是依然占有着原来的位置。
2. 　　relative存在”形影分离”，所以一般情况下不建议添加值了，一般给子元素当参照位置，或者是元素的微调。
3. 　　absolute 会有一种现象”压盖”效果。

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

　　备注：以后我们做定位的时候，尽量保持”子绝父相”。

　　fixed 固定定位

　　position:fixed;

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

　　Position：static；静态

form表单

action 提交的地址就是你要提交到的网址（或后台）如：

https://www.baidu.com

methods 提交方式 post 和get

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

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

下拉列表

1,定位让元素居中

2.透明度 opacity

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

值是0-1之间

私有云服务器托管 cdn183 183是移动还是联通 WordPress 5.8更新更新中

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1713.html

css的再深入6（更新中&#183;&#183;&#183;）

摘要：宋体雪碧图宋体我们的宋体和宋体中有三个属性可以向服务器发送请求，宋体。宋体类型，客户端和服务器之间的暗号，根据拓展名而定。注内容包含图片和文字 background-position 雪碧图我们的html和css中有三个属性可以向服务器发送请求，src href url。 overflow 　　(1) 值hidden 超出就隐藏　　(2) 值scroll 出现滚动条　　vis...

Bowman_han 2019-04-23 13:19 评论0 收藏0
css的再深入7（更新中&#183;&#183;&#183;）

摘要：宋体可以继承的属性有哪些宋体系列宋体系列宋体的值的问题宋体四个值的顺序是宋体左上宋体右上宋体右下宋体左下。宋体在宋体下宋体为负让元素居中，前提是知道元素的宽高。宋体如宋体正常状态宋体宋体设值时1.transparent 透明的 2.placeholder 提示语写页面搞清结构层次，保证模块化，让他们之间不能受到影响 (1)元素性质 (2)标准流浮动带来的脱离文档流撑不起父级的高度...

番茄西红柿 2019-04-23 13:18 评论0 收藏0
css的再深入8（更新中&#183;&#183;&#183;）

摘要：宋体去滚动条的属性宋体水平超出的隐藏。往往需要设置宋体为宋体滚动标签他身上所具有的功能有标签属性决定。1.去滚动条的属性 overflow:hidden; 　　overflow-x:hidden; 水平超出的隐藏。 2.z-index 层次叠加元素重叠谁的值大谁在上面　　(1) 父级出现position:relative；时候z-index失效　　(2) 层叠元素出现float的时候...

chuyao 2019-04-23 13:18 评论0 收藏0
css的再深入9（更新中&#183;&#183;&#183;）

摘要：宋体二宋体浏览器浏览器和浏览器之间是由差距的，这个差距是由浏览器自身的内核决定的。宋体每个浏览器都有自己的前缀，主要解决宋体中的兼容问题。宋体是弹性子元素在弹性容器中所占的份数。一单位 1.px 就是一个基本的单位像素 2.em 也是一个单位用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3.rem 也是一个单位，...

yexiaobai 2019-04-23 13:18 评论0 收藏0
CSS的再深入2（更新中&#183;&#183;&#183;）

摘要：层叠行选不中的情况下，走继承性。继承性的权重为。选中情况下，首先需要考虑权重的问题，谁的权重大，就选谁的样式属性。如果权重相同，因为后者会覆盖前者，所以谁的样式属性在后面，就选择谁的样式属性。在上一章中，我们又引出了一个知识点： margin的问题 margin：0 auto；（上下为0，左右自适应）会解决元素的居中问题（auto 自适应）前提是给这个元素设置width 同时，我们又要学习新...

enrecul101 2019-04-23 13:20 评论0 收藏0