CSS的再深入5(更新中··&…
2018-10-13 06:28:09来源:博客园 阅读 ()
页面布局
结构层:搭我们的页面框架。
布局层:针对框架内部结构进行排版。
不需要使用浮动解决的问题尽量不用。
使用浮动之后会使该元素脱标,并且该元素的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;如果设置值了,相对原来的位置进行调整
二者区别
- absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置。
- relative存在”形影分离”,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。
- 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之间
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash