CSS3
关注
分享
扫一扫
文章平均质量分 77
jwllwj_2018
start：2016.7-2016.12 ~~~记录
展开
-
css3相关笔记（一）
1.css3现状：浏览器支持程度差，需要添加私有前缀，移动端支持优于pc端，因为移动端的浏览器都是最新版本的，css3也在不断改进中，应用的相对广泛。2.实际工作中写网页要使用渐进增强原则：低版本的浏览器可以正常访问页面，高版本的浏览器访问页面用户体验更好。3.实际工作中要考虑用户群体，遵照产品的方案，听技术的上司（最新的技术大多意味着兼容性不是很好）的安排。4.css3的统一环境◆Chrome ...原创 2018-06-11 14:01:18 · 241 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（四）
1.使用CSS3来DIY图片i无缝轮播效果：图片大小：126*86<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用css3动画制作自动无缝轮播图</title> <sty原创 2018-07-02 12:19:48 · 160734 阅读 · 1 评论 -
CSS3的使用及基本注意说明相关笔记（三）
1.每一个方向上的边框形状并不是矩形的，其实是三角形或梯形的，配合圆角边框可以制作美丽花瓣<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框的实际形状（制作美丽花瓣）</title> &原创 2018-07-02 00:53:03 · 120781 阅读 · 1 评论 -
CSS3的使用及基本注意说明相关笔记（二）
1.css3圆角边框样式 border-radius◆border-radius表示盒子四个角(左上角、右上角、右下角、左下角)的弧度，border-radius:60px 60px 60px 60px;，如果圆角弧度四个值都相同，那个可以简写，border-radius:60px;（其实赋值的方式和margin与padding类似，都是shun时针赋值，赋一个值表示全方向，赋两个值表示左上角和右...原创 2018-07-01 23:30:46 · 169485 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（一）
1.CSS3◆浏览器支持程度差，需要添加私有前缀，移动端支持优于pc端，因为移动端的浏览器都是最新版本的，css3也在不断改进中，应用的相对广泛。◆实际工作中写网页要使用渐进增强原则：低版本的浏览器可以正常访问页面，高版本的浏览器访问页面用户体验更好。◆实际工作中要考虑用户群体，遵照产品的方案，听技术的上司（最新的技术大多意味着兼容性不是很好）的安排。2.css2中的选择器◆div {} 标签选择...原创 2018-07-01 14:16:42 · 164585 阅读 · 0 评论 -
HTML5的使用及基本注意说明相关笔记（一）
1 网页开发方式上的两个层次：◆HTML4.1 ◇结构：html4.0 ◇样式：css css2 ◇行为：js◆HTML5 ◇结构：html5 ◇样式：css3 ◇行为：js API 有所增强 如 地理定位 web存储 拖拽 重力感应 硬件访问等2.HTML5◆HTML5狭义的概念上就是HTML4的升级版本，HTML5广义上的概念上就是代表着浏览器技术发展的的一个阶段，也就是 html5+css3...原创 2018-07-01 12:51:15 · 435 阅读 · 0 评论 -
一点点开发经验（三）
1.使用AngularJS◆引入脚本◆指定ng-app◆var Yike=angular.module('Yike',['ngRoute','Controllers']);◆按模块的思想开发，将类似功能程序进行归类，例如将所有的控制器归类成一个独立模块，将所有的指令归类成一个独立模块var MyCtrl=angular.module('Controllers',[]);//以一个独立文件形式存在M...原创 2018-06-19 13:05:59 · 324 阅读 · 0 评论 -
css3相关笔记（五）
1.属性选择器补充◆div[class~='box'] {}表示选中页面带有class属性并且属性值中必须包含一个box字符串的div并且要以box字符串开头，可以是独立的属性值，也可以不是完整的一条字符串，但是必须分割符号是空格。◆div[class|='box'] {}表示选中页面带有class属性并且属性值中必须包含一个box字符串并且要以box字符串开头，可以是独立的属性值，也可以不是一条...原创 2018-06-12 04:37:22 · 164 阅读 · 0 评论 -
css3相关笔记（四）
1.css3新增的伸缩布局，主轴方向是从左到右，侧轴方向是从上到下：◆display：flex;，默认从左到右，从上到下◆设置主轴排列方向的方式：，flex-direction:row;（默认属性，表示从左至右的排列），flex-direction:row-reverse;（表示从右至左的排列），flex-direction:column;（表示从上到下的排列），flex-direction:co...原创 2018-06-11 14:01:49 · 374 阅读 · 0 评论 -
css3相关笔记（三）
1.每一个方向上的边框形状并不是矩形的，其实是三角形或梯形的，配合圆角边框可以制作美丽花瓣。2.css3 3d变换效果 transform◆transform:rotateX(360deg);表示在x轴3D旋转360度。◆transform:rotateY(360deg);表示在y轴3D旋转360度。◆transform:rotateZ(360deg);表示在z轴3D旋转360度。◆transfo...原创 2018-06-11 14:01:38 · 291 阅读 · 0 评论 -
css3相关笔记（二）
1.在工作中如果出现了前所未有的bug，那很可能是你哪里的语法写错了，比如哪个变量名写错写串了，多写了少写了括号，多写了或少写了标点符号等等这些小bug，所以要培养找bug的能力，不要畏惧，因为bug是花，没有花哪里来的果实呢。2.css3圆角边框样式 border-radius◆border-radius表示盒子四个角(左上角、右上角、右下角、左下角)的弧度，border-radius:60px...原创 2018-06-11 14:01:28 · 160 阅读 · 0 评论 -
HTML5的使用及基本注意说明相关笔记（二）
1.使用HTML5来DIY彩虹播放器◆html5新增的语义化标签，多媒体盒子标签 figure，专门用来放视频标签、音频标签、图片标签等，<figure><figcaption>视频</figcaption></figure>◆document.querySelector("button:nth-child()3")，是可以获取到元素的，html5新...原创 2018-07-02 13:56:53 · 488318 阅读 · 0 评论