第一章
一、样式
1、行间样式，代码不可维护，不推荐
2、内联样式，不可重用，不推荐
3、外联样式，可重用，可维护，推荐 <link rel="stylesheet" href="...css" />
二、边框
1、组成：border:
CSS中2D转换的形式是这样的：
选择器{
transform：转换函数（参数，参数）；
}
其中transform（是transform 不是transfrom）定义元素的2D或者3D转换；
2D转换
百度版lol百科小样
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>英雄联盟百科</title>
5 <meta charset="UTF
1、样式表
内联样式表： style="" 内部样式表： <style type="text/css"></style> 外部样式表： <link rel="stylesheet" type="text/css" href="">
1.什么是SVG？
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
2.简单的 SVG 实例
一个简单的SVG图形例子：
这里是S
初级前端一枚 下面代码是在图片上创建图像映射 自己整理了下 做个笔记 希望也可以帮助后来学习的朋友！<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"&
1、准备支付宝和微信收款的二维码图片
（1）获取微信收款图片方法：
微信--“我”--钱包--收付款--二维码收款--保存收款码
（2）获取支付宝收款图片方法：
支付宝--“收钱”--保存图片
2、图片上传到博客园
方法：博客园--“我的博
一个朋友在一家公司面试的题目（准确说是培训公司），面试题目比较简单。
以下答案纯属个人意见（有错处麻烦指教）
选择题：
1） 'abcdefg'.substring(4)的结果是（）
A：def
B：abc
【CSS3和JS】
对于CSS了解的同学都知道，CSS的实现是最底层的，在实现方式和性能上都不是，JS这种提供接口的脚本可比的；从CSS3的动画和JS动画对比角度来看两者，会更清晰；而且随着前端框架的使用，页面动画会越来越多的应用CSS3
【CSS3的其他用法】
除了动画的代替，还有就是对于各种交互
web：
分三部分：1、HTML；2、CSS；3、JavaScript。
1、HTML：用来构建网页的结构和内容；
2、CSS：用来给网页化妆，美化网页；
3、JavaScript：用来让网页呈现动态的数据和效果。
重点：
JavaScript：
1）java程序员使用js来实现网页的业务逻辑；
1、自适应网站
自适应网站源码特征：
（1）宽度百分比布局
（2）文字rem（em）设置大小
展示形式：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，网站的内容和布局是没有变的。
2、响应式网站&
响应式媒体查询
媒体查询
从 CSS 版本 2 开始，就可以通过媒体类型在 CSS 中获得媒体支持。如果您曾经使用过打印样式表，那么您可能已经使用过媒体类型。清单 1 展示了一个示例。
清单 1. 使用媒体类型
<link rel="stylesheet" type="text/css
当用@import导入vue页面的时候，在sass/scss文件里面的url，路径开始就是导入的vue位置。
当前目录结构
App.vue
我在App.vue导入了public.scss,那在public.scss里面的路径就要这样写
public.scss
等价于直接在App.vue页面写。
1、常用表格标签
普通
<table>
| <tr>
| | <th></th>
| |
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE
1.让图文不可复制
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
2.让图片垂直居中
.Logo
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <
客服
