前端之 CSS 选择器高级与盒模型
前言
先回顾昨日的内容，昨天讲了 w3c 的整个架构，由结构层>布局层>内容层三部分组成，了解了 CSS 的三种引入方式，行间式最简单直接；内联式解耦合，可读性强；外联式适合团队高效开发，耦合性低，复用性强，了解了三种选择器，并且 id 选择器>
标签：HTML5
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
效果图：
html：
<div class='site_bar'>首页</div>
css:
.site_bar{
background-image : linear-gradient(red,red);
background-position : center b
目前来说，Web业务日益复杂化和多元化，前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？
经过多分析和排查，此问题解决的方案
第一种：
在CSS样式中添加
body { font-size:100% }
如果不起作用，可以尝试将引用的REMjs放在head内引用
1、em/strong/span
<span> 正常字体内容，设置与普通字体不同的样式
<em> 斜体，表示强调语义
<strong> 加粗字体，表示强调语义
例子：
<p>第一段</p>
html ：
1、相当于没有穿衣服的人，一套浏览器认识的规则，
2、开发者：
学习html规则
开发后台程序： -写html文件(充当模板) -数据库获取数据，然后替换到html文件的指定位置（web框架） 3、本地测试 -找到文件路径，直
本文由QQ音乐前端团队发表
前段时间做了一个非常有意思的模拟终端的展示页：http://ursb.me/terminal/（没有做移动端适配，请在PC端访问），这个页面非常有意思，它可以作为个人博客系统或者给 Linux 初学者学习终端命令，现分享给大家~
开源地址：airingursb/ter
原文地址
前端开发面试题
前言
本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！
前端还是一个年轻的行业，新的行业标准， 框架，
方法一：footer高度固定+绝对定位
HTML代码：
<body>
<header>头部</header>
<main>中间内容</main>
<
初来乍到，算是一个博客园的新人，受了园里许多前辈的启发正在一点点定制自己的小空间。
也希望我的文章能够成为大家DIY的启发，就算是抛砖引玉了。效果可以直接在我的博客中看到，所以不另外贴图了。
引入js文件与css文件
引入js文件需要先申请js权限，语言诚恳一点几个小时(?)就可以拿到权限了。
上一篇写的是左右宽高固定，中间自适应，根据上一篇的内容，总结了下上下宽高固定，中间自适应的几种布局方式，
有4种布局方式： position; flex; table; grid; 话不多说，直接上代码。
<!DOCTYPE html>
<html>
&l
frameset
定义
W3C是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是HTML框架，不是前端框架，与node.js，vue.js等不同。
垂直切割
属性为cols。例如：
&l
1、text-align:center;
2、margin:0 auto;
3、display:inline-block; + text-align:center;
4、position:relative; + float:left;
5、line-height
6、上下左右padding
7、
Hello 大家好！又要跟大家见面了，上次实在太无聊了，就在博客园跟大家讲述了本人职业生涯以来的一些工作经历，同时也分享了一些工作上的心得，没想到引起那么多朋友的共鸣，也鼓舞了很多初入职场的朋友和有相同经历的朋友，在这里真的很感谢博客园提供这么好的平台，可以让每一位园友尽情倾吐。
这次我是分享我本人
客服
