我发现即使都是用css3的transition做动画,有的属性在动画播放时却会不流畅,出现定格动画的效果,这里做个比较,方便我以后做动画。 transition支持的属性类型 首先说一下transition支持的属性类型…
分类:css
table中单元格td文字多余部分隐藏,与显示(测试正常)
第一部分: <style table { table-layout:fixed; } </style&…
vertical-align属性与垂直居中
让元素居中对齐是非常常见的需求,首先是水平居中,要实现水平居中行内元素只需要在其父元素上设置text-align: center即可,对于块级元素来说让它的margin-left: auto和margin-right: …
web开发小记1:谷歌字体
标签: web 今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用font-size设置字体的大小时候,在字体小于12px的时候,不起作用。具体解决方案如下:在一些老版本的谷歌浏览器中:可以用Chrome的私有属性…
前端菜鸟笔记 Day-3 CSS基础
文章大纲来源:【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表(Cascading Style Sheets),即前端常说的CSS。 内容引用:CSS 简介 样式解决了什么问题?…
好的知识文章分类汇总
浏览器 深入浅出浏览器渲染原理
2018年8月所遇知识点整理
*注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 页面的锚链接 1,定义:锚点,锚点链接。常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能…
又是一波前端知识点总结
总结的点都杂七杂八,但愿能找到对你有所帮助的,没有的也没关系嘛!😄 1. vue强制渲染某个组件 $forceupdate 使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所…
CSS优先级详解
概念 浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。 如何计算? 优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对应相应匹配表…
浏览器的兼容性
浏览器的兼容性 html5兼容 html5有很多新增的标签,在不支持html5的浏览器中不能正常显示。解决方法:使用html5的静态资源;加入脚本代码,document.createElement创建新的标签,并disp…
Angular2入门系列(四)————ngModel和表单元素name属性
Angular2入门系列(四)————ngModel和表单元素name属性 通过NgModel实现双向绑定当开发一个数据录入表单的时候,我们常常希望既可以显示数据的属性值,当用户更改时,又可以更新数据的属性值。 NgMo…
左侧固定,右侧自适应的布局方式(新增评论区大佬教的方法)
一.浮动布局 1.先让固定宽度的div浮动!使其脱离文档流。 2.margin-left的值等于固定div的宽度相等。 .aside{ float: left; width: 200px; background-colo…