前端HTML+CSS
怀竹
希望在这个平台能够将自己培养成一个标准的程序员,积极的去分享自己发现到的东西。
展开
-
angular入门(1.x)
angular.js:教程可以作为跳板,因为vue也参考了angular的设计。angular.js是google开源的前端js结构化框架第一次学习结构化框架,它和函数库有什么区别呢?比如jQuery中,安装之后,可以在编写js中有一个$符帮助我们去寻找特定的方法,方便记忆和使用(能够提高效率),在jQuery中所有的都是属于函数调用(对内容封装,给出api)。angular.js的特性和优点:双向数据绑定声明式依赖注入解除耦合应有逻辑,数据模型和视图。(耦合度,会让开发比.原创 2020-11-24 22:52:07 · 1064 阅读 · 0 评论 -
css3样式布局
css3(cacsscadng style sheets):层叠样式表;面试前先把自己弄活跃起来(不然容易让场面冷下来,让自己发抖);层叠样式表:由一条条规则组成的;规则由:选择器,声明块组成;声明块:由一条条声明组成;声明:由css属性+css属性值组成的键值对;*{margin:0;padding:0;}div ul li #test{}//浏览器从右往左去渲染;(从左往右元素不会被浏览器立即匹配到,而从有往左,只需要先查找所有的#test然后向上找,逐渐匹配;)..原创 2020-11-02 21:33:37 · 307 阅读 · 0 评论 -
css2.1页面布局
css(2.1):包含块:较早前讨论浮动元素的包含块:对于浮动元素,其包含块定义为最近的块级祖先元素,对于定位,情况就会发生变化:根元素的包含块(也称为初始包含块)是有用户代理创建的,也就是html元素,不过浏览器会使用body作为根元素,在大多数浏览器中,初始包含块是一个视图窗的矩形;对于一个非根元素,如果其position的值为relative或static,包含块由最近的块级框,表单元或行内块祖先框,内容边界共同决定的;对于一个非根元素,如果position属性是...原创 2020-10-24 22:00:28 · 280 阅读 · 0 评论 -
HTML+CSS基础总结(下)
。ps的基本操作:想要将图片转化成网页最简单的方式就是使用ps了。ps的默认单位不是像素,注意修改PS的单位。用ps拾色器、选取、标尺等修改。一般公司有ps的大神。但也需要常规操作。小项目实战:首先:分析布局,写基本的div元素CSS:修改样式设置div元素的宽高*{margin:0;padding:0;}}设置页面字体body{font:12px/1宋体;}分割div元素:使用ps查看图片的大小,...原创 2020-09-28 11:21:58 · 237 阅读 · 0 评论 -
HTML+CSS基础总结(上)
根据W3C联盟标准将前端定义为下面几个部分:结构:html用于描述页面的结构表现:css用于控制页面元素的样式行为:javascript用于响应用户操作html文档说明:html5:<!doctype html>如果没有声明文档类型,会让部分浏览器进入怪异模式,进入怪异模式的浏览器会使html文档显示 ,不符合预期。元素就是标签。文档编辑器:sublime text;产生乱码的原因是:编码和解码的字符集不同。字符集:...原创 2020-09-24 15:55:54 · 498 阅读 · 0 评论 -
CSS中的盒子、flex布局简介
CSS中的盒子模型:CSS中盒子的大小由margin(盒子外围)、padding(盒子内围)、border(盒子边框)以及盒子内容构成,盒子是一个容器,当我们需要喝水的时候可以拿起杯子同样也可以直接用手去盛水。不用盒子和用盒子的区别在于适不适用于生产。用盒子的好处:1.留有空间:可以预留一部分空间(构造图形、撑开内容、设置盒子内部不同属性产生不同布局)2.划分区间:不同的区域放置不同的物品(在html5中的header/footer等)怪异盒子(box-sizing:border-box原创 2020-09-21 10:55:23 · 223 阅读 · 0 评论 -
CSS2D、3D、过渡、动画基础概括
CSS的2D转换:可以对元素进行移动、缩放、转动、拉长或拉伸。translate()rotate()scale()skew()matrix()transform:ratate(0deg):顺时针旋转tansform:translate(50px,100px);右移50px,向下平移100pxtransform:scale(2,3)横向增大2倍,纵向增大3倍;transform:skew(amgle,angle)x轴向上倾斜y轴向上倾斜matrix()方..原创 2020-09-17 22:15:35 · 189 阅读 · 0 评论 -
CSS渐变、文本、字体效果的呈现
**CSS渐变:(gradients)可以让两个或者多个指定颜色之间呈现平稳的过渡;**线性渐变:可以指定方向的渐变径向渐变:有中心定义的渐变方式。线性渐变:使用background-image:可做渐变处理background-image:linnear-gradient(direction,color1,color2);默认方式是从上到下渐变;to +基本的方向:direction:to bottom-right右下角渐变同理还有to rightto topto bottom,原创 2020-09-16 16:55:52 · 186 阅读 · 0 评论