(2)使用方法:标签:before{content:"插入的内容";},可以修改插入内容的样式;
(3)排除一些不需要插入内容的元素:使用content属性的追加一个none属性值。使用方法:标签:before{content:none;}
总宽度 = 宽度(width:内容区宽度)+ pdding + border
css3新增box-sizing属性。当box-sizing设置为border-box时,
总宽度 = 宽度(width)= 内容区宽度 + padding + border 。
box-sizing默认取值:centent-box,盒标准与CSS2中的一致。
CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1 的基础上增加了很多强大的新功能,目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容,前缀还是少不了的。
Chrome 和 Safari:-webkit
Firefox:-moz
IE:-ms
Opera:-o
CSS3 把很多以前需要使用的图片和脚本来实现的效果,甚至动画效果,现在只需要短短几行代码就能搞定。比如:圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理(旋转、缩放、倾斜、移动)、过渡、动画、多栏布局、媒体查询等。还有选择器,简化了前端开发工作人中山小榄的设计过程,加快页面载入速度。
你可以先去B站看看视频了解一下这个行业
每个讲师的授课都是不一样的
你要看看你听谁的课能听懂,吸收的效果哈,能自己练习敲出来
然后了解了之后再去考虑去哪个机构,
机构的话不光要了解就业情况
还要了解学习氛围
和交通情况,因为你学完了要面试,还要找工作,最起码实习期过了再搬走
很多因素都需要考虑。
阶段一(HTML&CSS基础)
HTML:html语义化,html常用标签及其语义,html5新特性和新增常用标签
CSS:css语法、选择器,定位、浮动、盒子模型,css3新增选择器及其属性,变形、过滤、动画
Photoshop:基本应用,把psd图转为静态页面
规范:样式和结构分离,制作符合w3c标准的页面,添加注释,规范缩进
阶段二(前端基本功)
javaScript基础:基本语法,算法基础,常用数据结构,编程规范,内置对象常用方法,对象的创建方式和this用法
javaScript API:BOM操作,DOM操作,特效实现、页面布局,事件处理、浏览器兼容处理
JavaScript高级:面向对象思想,对象,json、闭包、原型、作用域链,函数的调用方式及this指向,正则表达式、面向对象理论及实践
jqurey:优势,选择器,动画,链式编程及隐式迭代,插件使用和制作
模块化:概念,演变过程,设计规范,RequireJS
阶段三(移动WEB开发初级)
HTML5&CSS3:多媒体、音频视频播放,DOM扩展、自定义属性、HTML5data,地理定位、文件读取、元素拖拽、多媒体加强,应用缓存、历史管理、web存储,CSS3选择器、新属性、2d转换、3d转换、动画
canvas:绘图命令、非零环绕原则,绘制形状、文字、图片,平移、缩放、旋转变换,ECharts数据报表
Git:命令行、基本使用、对比文件差异、还原、合并,回滚操作、远程仓库操作、GitHub创建远程仓库,github创建远程私有仓库、github和gitlab的区别,生成ssh key并添加到github和gitlab上
阶段四(移动WEB开发高级)
bootstrap:概述,栅格系统,排版、表格、表单、按钮,图片、响应式工具,组件使用
移动web:移动端屏幕介绍、浏览器介绍、操作系统介绍,chrome模拟调试、真机调试、viewport、rem、主流适配方案,手势封装、mvc、常用指令、双向绑定和单项绑定
angularjs:模块、控制器、$watch、自定义指令、jqLite、过滤器,格式化过滤、数据过滤、服务$http、前端路由、http拦截器
css框架:通过bootstrap完成响应式开发,了解常见的移动端UI框架