-
position定位及实际应用
position定位及实际应用 position: static; 静态定位 / 常规定位 / 自然定位 忽略top/right/bottom/left/z-index的影响，使元素回到自然流中 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title style .block { width : 100px ; heigh...
2020-01-31 16:02:34 YY导航Banner浏览器兼容浏览器兼容性position定位登录框浏览器CFAV
-
小结常见布局技巧
小结常见布局技巧 1.0 子绝父相，盒子塌陷，创建BFC 当浮动解决不了问题的时候，会考虑用定位实现，而为了页面的稳定性，要给父元素相对定位 ? 当嵌套的标准流，块级子盒子设置上外边距就会出现塌陷 ? 触发BFC能解决日常网页开发中很多不必要的麻烦 2.0 布局规律 从上...
-
web-css-文本
web-css-文本 一、文本的水平对齐方式 使用text-align来设置文本的对齐方式；text-align的取值:left(向左对齐)/center(水平居中对齐)/right(向右对齐)/justify(两端对齐); text-align只对应用此样式的元素的非块级子元素有效，对块级子元素无效；对比使用margin进行设...
-
HTML连载60-水平居中与设计一个团购界面
HTML连载60-水平居中与设计一个团购界面 一、水平居中 1.margin:0 auto在绝对定位中就失效了 2.如何让绝对定位的元素水平居中？ 只需要设置绝对定位元素的left:50%；然后再设置绝对定位元素的margin-left:-元素宽的一半； 这样就可以完成水平居中了 div{ width:50px;/*...
-
css基础-定位+网页布局案例
css基础-定位+网页布局案例 position:static 忽略top/bottom/left/right或者z-index position:relative 设置相对定位的元素不会脱离文档流 position:fixed 不会随着视口滚动而滚动，继承absolute的特点 position:sticky 和top属性搭配，可以设置吸附导航效果，但兼容性...
-
深入学习CSS中如何使用定位
深入学习CSS中如何使用定位 CSS中定位介绍 position 属性在英文单词中表示 位置 的意思，在 CSS 中主要作用设置元素的定位。 CSS 中一共有 3 种定位如下： 属性值 描述 fixed 设置固定定位。 relative 设置相对定位。 absolute 设置绝对定位。 固定定位实践 在实践固定...
-
HTML连载59-子绝父相
HTML连载59-子绝父相 一、子绝父相 1.只使用相对定位，对图片的位置进行精准定位。 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title style * { margin : 0 ; padding : 0 ; } ul { list-style : none ; width : 800px ; height : 50px...
-
HTML连载58-绝对定位的参考点以及注意事项
HTML连载58-绝对定位的参考点以及注意事项 一、绝对定位参考点 1.规律： （1）默认情况下所有的绝对定位的元素，无论有没有祖先元素，都会以body作为参考点。 style .box1 { width : 300px ; height : 300px ; background-color : red ; /* position:absolute; */ /* le...
-
html5+css3的神奇搭配
html5+css3的神奇搭配 1.关于浮动 浮动的元素会脱离标准文档流（float）,从而不占据空间，实现了一行排列多个元素的效果 ，但是又导致上级元素height消失，处理这种情况的方法就是有两种： 1.第一种在css里写个伪类，哪些地方需要清除浮动，直接调用类名。 .clearfix::...
-
css重点知识和bug解决方法
css重点知识和bug解决方法 1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-align:middle; 1.4 给他的父元素加font-size...
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