HTML/CSS
LylBrave
这个作者很懒,什么都没留下…
展开
-
property与attribute的区别
我们在进行面向对象编程的时候,首先我们会把客观事物进行抽象,然后再把抽象出来的结果封装成类,故面向对象的特性则可以为:抽象、封装、多态和继承。property就是我们面向对象编程时,类里表示对象状态的成员。而attribute则是我们为了区分两个同类对象时的特性,故所有的attribute不一定是property。...原创 2018-07-15 12:56:44 · 214 阅读 · 0 评论 -
BFC的简单理解
BFC对于很多刚开始接触CSS布局的同学来说,看起来很高大上,其实对于它的的理解只要掌握以下几点就可以了1.BFC中文含义为块级格式化上下文,即一个独立的布局环境;2.BFC中的元素与外部元素互不影响;3.BFC中的块级盒子从顶端开始垂直排列,两个块级盒子的垂直外边距会发生重叠;4.BFC它不会与浮动元素发生重叠;5.BFC元素在计算高度时,其浮动的子元素的高度也会算进来。...原创 2018-07-15 09:58:08 · 156 阅读 · 0 评论 -
三栏布局的五种方法
1.position <section class="layout absolute"> <style> .layout.absolute .left-center-right>div{ position: absolute; } .layout.absolute .left{ ...转载 2018-07-12 09:36:51 · 277 阅读 · 0 评论 -
如何清除浮动
方式一:使用overflow属性来清除浮动 .ovh{ overflow:hidden; } 原理:先找到浮动盒子的父元素,再在父元素中添加一个属性:overflow:hidden,这样就相当于产生了一个BFC(块级格式化上下文),BFC内元素有以下几个特性:1、BFC内元素与外部元素互不影响;2、BFC计算高度时,就算子元素浮动也会参加高度计算;3,BFC不与其他浮...原创 2018-07-11 16:47:44 · 94 阅读 · 0 评论 -
关于如何居中元素的总结
1.文本的居中 height+line-height:配合使用,垂直方向居中 text-align:父级的text-align,水平居中 ps:text-align:center 只是将子元素里的内联元素居中。还有一种文本居中的方式是定高父级元素激活表格属性和基线样式: display:table-cell;vertical-align:middle; /IE8,Firefox,chrome/那么...原创 2018-07-11 16:34:11 · 97 阅读 · 0 评论 -
canvas、svg与flash
在前端开发中我们做动画主要有四种方式:CSS的animation和transition;canvas;svg动画;flash动画。今天我们主要来看看cancas、svg与flash。1.区别canvas画出的图形都是附在canvas区域之上,但图形都是不可操作的,如果要操作图形,就是直接操作整个canvas,即清空canvas和重绘。svg是一种在网页上画矢量图的方法,结构基于XML。...原创 2018-08-01 09:48:48 · 1075 阅读 · 0 评论 -
canvas绘图不清晰的解决办法
用canvas绘图,发现图像和文字变得模糊了,因为是跑在ios上,开发用的mac,于是查了下资料,发现ios4-ios6屏幕分辨率:设备分辨率 = 1 : 2,也就是说,我们用canvas画的图1个点对应的其实是被横向纵向放大了2倍的,基于些,我用了如下两种解决方案解决模糊,方法一:先看效果图利用transform:scale(0.5)直接缩小一半方法二:将canvas样式属性宽度...原创 2018-08-01 09:56:14 · 6589 阅读 · 0 评论 -
在使用rem适配移动端时,如何改变根元素的字体大小?
rem和em相对单位长度我们经常用在响应式开发中,rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。一般我们会使用js去控制根元素的font-size大小,然后进行rem换算:functi...原创 2018-08-02 10:16:28 · 6326 阅读 · 0 评论