标签:CSS3
回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合自己的体会,写了这篇文章,希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来从头
1、标题页加图标:2、隐藏滚动条 3、placeholder 颜色改变: 4、文字两端对齐 5、微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能 6、微信里不能复制解决办法7、(1)判断内核是PC还是手机,手机微信客户端与PC微信客户端(好用)7、(2)js判
前端之常用标签的使用、边界圆角、精灵图以及盒模型的布局 前言 上篇博客介绍了组合选择器,包括四种,分别是群组选择器、后代(子代)选择器、兄弟(相邻选择器)及交集选择器;a 标签的四大伪类选择器,a:link、a:hover、a:active、a:visited,其中 hover 和 active 也
清除浮动: 在非IE浏览器下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。即父级对象盒子无法被撑开,这个现象叫浮动溢出,为了防止这个现象的出现而进行的
今日目标 使用CSS完成网站首页的优化 使用CSS完成网站注册页面的优化 使用JS完成简单的数据校验 使用JS完成图片轮播效果 教学目标: - 了解CSS的概念 - 了解CSS的引入方式 - 了解CSS的基本用法和常用的选择器 - 了解CSS的盒子模型,悬浮和定位 - 了解JS的概念 - 掌握JS的
什么是 Sticky Footer 布局? Sticky Footer 布局是一种将 footer 吸附在底部的CSS布局。 footer 可以是任意的元素,该布局会形成一种当内容不足,footer 会定位在视口的最低部,当内容充足,footer 会紧跟在内容后面的效果。   position实现
一、HTML基本构造 <html>(告知浏览器其自身是一个HTML文档)   <head>(定义文档的头部)     <title>这是网页的标题</title>(定义文档的标题)   </head>   <body>(定义文档
HTML概述 一、HTML定义 HTML(HyperText Markup Language)超文本标记语言,写给浏览器的语言,目前网络上应用最广泛的语言。 目前已更新到HTML5,HTML添加了一些新的语义化标签及新特性,放弃了一些就标签。 主流浏览器:IE、Firefox、Chrome、Gool
基本选择器 1、通用元素选择器 *表示应用到所有的标签。   *{    padding:0px;    margin:0px;   } 2、元素/标签选择器 匹配所有p标签的元素   p{    color:red;    background:yellow;   } 3、类选择器 匹配所有cla
前端之 CSS 选择器高级与盒模型 前言 先回顾昨日的内容,昨天讲了 w3c 的整个架构,由结构层>布局层>内容层三部分组成,了解了 CSS 的三种引入方式,行间式最简单直接;内联式解耦合,可读性强;外联式适合团队高效开发,耦合性低,复用性强,了解了三种选择器,并且 id 选择器>
1、accesskey 属性 : 规定激活元素的快捷键。 浏览器支持:几乎所有浏览器均 accesskey 属性,除了 Opera。 定义和用法 accesskey 属性规定激活(使元素获得焦点)元素的快捷键。 提示和注释 注释:以下元素支持 accesskey 属性:<a>, <
在移动端经常看到一些圆形波浪图来显示金额,刚开始我认为这种效果只能用canvas写的,后来发现用css也可以。 原理:我们都知道让块元素的border-radius:50%会变成圆形,如果少于50%呢,其实就变成不规则的圆形。我们可以利用这个特征,用伪类加上transform动画来实现波浪效果
内联: 在元素中添加style属性添加样式,只能作用于当前元素,不能复用。内部:在head里面添加style标签 可以当前页面复用 不能多页面复用 外部:写在单独的css文件里面 通过link标签引入,可以多页面复用内联优先级最高内部和外部优先级一样,后执行的覆盖前面执行的
CSS盒模型的概念与分类      CSS盒模型就是一个盒子,封装周围的HTML元素,它包括内容content、边框border、内边距padding、外边距margin。       CSS盒模型分为标准模型和IE模型;   标准模型和IE模型的区别       标准模型:width = 内容co
前端之 CSS 前言 昨天学习了标记式语言,也就是无逻辑语言。了解了网页的骨架是什么构成的,了解了常用标签,两个指令以及转义字符;其中标签可以分为两大类: 一类是根据标签内容可以分类单双标签,单标签指的是不需要字内容,标签就可以代表所有功能;双标签:主内容可以包含文本,也可以包含子标签(具有作用域)
组件: vue组件:xxx.vue react组件:xxx.js+xxx.css angular组件:xxx.ts+xxx.css+xxx.html   angular的装饰器: @ngModule:angular的一个模块化。装饰angular的app.module.ts文件内的AppModule
目前来说,Web业务日益复杂化和多元化,前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目,都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题,比如:如何进行高效的多人协作?如何保证项目的可维护性?如何提高项目的开发质量?
1、em/strong/span   <span>      正常字体内容,设置与普通字体不同的样式   <em>      斜体,表示强调语义   <strong>      加粗字体,表示强调语义   例子:     <p>第一段</p>