1.使用浮动来设置二列布局利用浮动和块级元素实现的左侧宽度固定,右侧自适应宽度的布局方式 <div class="left">left</div> <div class="right">right</div> /* css */ .left { float: left; width: 100px; ...
分类:
Web程序 时间:
2020-07-11 19:33:58
阅读次数:
85
1.IE的兼容性问题 <!-- ie6的兼容性问题 --> <!-- ie6双边距问题 :给浮动的元素加display:inline ie6默认高度问题:font-size:0 或者overflow:hidden --> 2.移动端一像素问题 <!-- 移动端一像素的边框问题:解析时会显示成2像素, ...
分类:
Web程序 时间:
2020-07-11 13:13:49
阅读次数:
71
css属性 <style> div{ border: 1px solid red; width: 100px; } .div1{ width: 100px; height: 100px; /*外边距*/ /* margin: 50px; */ } .div2{ width: 200px; heigh ...
分类:
Web程序 时间:
2020-07-10 00:42:13
阅读次数:
81
这个代码是在网络上找到的,属于一个比较适合移动端的初始化代码,查阅后并对齐进行了一些整理,目前只整理了一部分,后续将慢慢在学习和使用的过程中继续整理。 1 默认字体大小14px 2 360px的veiwport屏幕下字体大小18px 3 4 清除浮动:.clearfix .clear 5 显示元素: ...
分类:
Web程序 时间:
2020-07-09 00:36:11
阅读次数:
118
1.css中定位相关样式属性为 C A:float B:text-indent C:position D:visibility 解析:CSS 定位 (Positioning) 属性允许你对元素进行定位。 float 属性定义元素在哪个方向浮动。 text-indent 属性规定文本块中首行文本的缩进 ...
分类:
其他好文 时间:
2020-07-08 19:58:04
阅读次数:
113
这个问题很大,不同学历、不同档次的公司、不同地域,不同岗位差异都很大。 首先说岗位,一般按薪水来说,呈现算法->后端开发->前端开发->运维->测试工资依次递减的趋势。当然,根据公司的特色,也有会有一些特色岗位,而且薪水标准也会上下浮动。 拿网易游戏来说,它是一个做游戏的公司,它的游戏开发岗位薪水非 ...
分类:
其他好文 时间:
2020-07-08 13:27:07
阅读次数:
146
我们在用CSS修饰页面样式的时候,浮动是非常普遍的,所以清除浮动也会经常的,清除浮动的方法不少,但是唯爱伪元素清除浮动这个方法,为了减少冗余的代码,专业的写法如下:.clearfix:after{ content:""; display:block; clear:both; height:0; vi... ...
分类:
Web程序 时间:
2020-07-07 17:23:45
阅读次数:
74
一、什么是三栏布局 三栏布局即左右元素固定宽度,中间元素自适应。代表布局有圣杯布局和双飞翼布局,当然还有其他方式可以实现,下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序:中间盒子必须放在最后,左右元素任意排列 原理:左边元素左浮动 右边元素右浮动 缺点:当浏览器宽度不足以容纳三个元素时,中间 ...
分类:
其他好文 时间:
2020-07-06 00:48:17
阅读次数:
75
1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征 任何定义为float的元素都会自动被设置为一个块状元素显示,相当于被定义display:block;声明。这样就可以为浮动元素定义width和height属性,即使是内联显示元素也可以。 当我们没有指定浮动元素宽 ...
分类:
其他好文 时间:
2020-07-05 21:38:26
阅读次数:
72
CSS 有三种基本的定位方式:文档流、浮动和定位。 文档流(normal flow): 文档流是所有元素布局的基础,作为从左到右、从上到下的布局方式,这是最常用的一种排版布局方式。 浮动(float):float:left/right;浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动 ...
分类:
其他好文 时间:
2020-07-05 21:23:39
阅读次数:
146