2019年04月_杨亚仑

原创 10.css-2D转换模块

1.css3新加了transform属性，取值有四个：translate(x,y),元素从当前位置平移；rotate(45deg)按顺时针旋转度数；scale(1.5,1.5);宽高进行缩放的,若宽高缩放比例一样，可只写一个参数；连写格式为：transform:rotate(45deg) translate(100px,0) scale(1.5)2.形变中心点，默认情况下所有的元素都是以自己的...

2019-04-28 13:25:12 106

原创 9.css-过渡模块

1.a标签伪类选择器a标签伪类选择器是专门用来修改a标签不同状态的样式的。格式： :link 修改未被访问过的状态下的样式 :visited 修改访问后的状态下的样式 :hover 修改鼠标悬停在标a签上的样式 :active 修改鼠标长按状态下的样式2.过渡模块（css3新增的）首先，hover除了可以用在a...

2019-04-27 14:57:02 146

原创 8.css-定位

定位是网页布局方式中的定位流排版方式，定位分为四种：相对定位、绝对定位、固定定位、静态定位。一.相对定位相对定位就是相对自己原先在标准流中的位置来移动。1.注意：1.1相对定位不会脱离标准流，会继续在标准流中占有一份空间。1.2相对定位中同一方向上的定位属性只能使用一个。1.3由于相对定位是不脱离标准流的，故块级元素、行内元素、行内块级元素这些在标准流里的概念在定位流中照样...

2019-04-26 19:00:04 157

原创 7.css-清除浮动

理论：<div><p></p></div>这个场景中，若给p一个高度，div会被撑起来，若再给p一个浮动，那么div就撑不起了了，即：在标准流中儿子的高度可以撑起父亲的高度；在浮动流中，儿子的高度撑不起父亲的高度。问题：div1和div2没有设置高度，蓝色和黄色的是p标签，p标签是设置了高度，但是把p标签设置为浮动后，成了右图的样子。而我想要...

2019-04-26 16:18:23 151

原创 6.css-浮动

1.网页布局方式网页布局方式其实就是浏览器如何对网页中的元素进行排版的，共分为有三种，分布是文档流排版方式、浮动流排版方式、定位流排版方式。1.文档流排版方式：文档流又称为标准流和普通流。 1.1浏览器默认的就是文档流； 1.2在标准流中，css将元素分为三类，分别是块级元素、行内元素、行内块级元素； 1.3在标准流中，排版方式有...

2019-04-26 13:11:25 149

原创 5.css-盒子模型

1.内边距padding注意1：给一个标签加上内边距，该标签的宽度和高度会发生变化。注意2：给一个标签加上内边距和背景颜色，该标签的内边距也会被填充颜色。2.外边距border注意1：给一个标签加上外边距和背景颜色，该标签的外边框不会被填充颜色注意2：给两个左右相邻的标签设置左右外边距，左右外边距会叠加；给两个上下相邻的标签设置上下外边距，上下外边距不会叠加，会合并，谁大听谁的...

2019-04-25 23:08:09 169

原创 4.css-background属性

1.backgroung-color：背景颜色，取值与color一样2.background-image：url();注意：（1）图片地址可以是本地的，也可以是网络的地址。（2）如果图片大小没有标签大小大，那么会自动在水平方向和垂直方向上平铺和填充。（3）如果网页上出现图片，那么浏览器会再次发送请求获取图片。3.background-repeat：repeat/repeat-x/rep...

2019-04-23 17:04:57 220

原创 3.CSS-显示模式

1.div和span的区别（1）div单独占一行，div常用于网页布局；span不独占一行，常用于修改局部信息。（2）div是一个容器级标签，span是一个文本级标签。容器级标签可以嵌套其他所有标签，文本级标签只能嵌套文字、图片、超链接。常见的容器级标签有：div、h、ul、ol、dl、li、dt、dd；常见的文本级标签有：span、p、buis、strong、em、ins、del2....

2019-04-23 15:10:33 1173

原创 2.CSS-三大特性

css的三大特性1.继承性什么是继承性？作用：给父元素设置的一些属性，子元素和后代也可以使用。注意点：（1）并不是所有的属性都可以被继承，只有color/font-/text-/line开头的属性才可以继承。（2）a标签的颜色和下划线是不能继承的，h标签的字体大小是不能继承的2.层叠性什么是层叠性？层叠性是指CSS处理冲突的一种能力注意点：层叠性只有在多个选择器选中“...

2019-04-23 11:46:25 252

原创 1.CSS-属性和选择器

1.文字属性fon-style:italic斜体；font-weight:bold加粗；font-size:10px；大小font-family:"微软雅黑"字体。字体设置需要注意：字体可以进行备选的，就是后面设置多种字体。如果设置英语和中文的字体不一样？该怎么做，英文字体不能去设置中文，而中文字体可以设置英文。根据这个特性和字体备选这个特性相结合，我们就可以在前面放英文字体，后面放中文字体，...

2019-04-21 01:10:21 454 1

原创 html标签

1.<hr>标签是分割线2.<img src=" " alt=" " width=" " height=" " title=" ">img标签的src是图片的路径，alt是图片不存在时显示的内容，为了使图片不变形，height和width只选择其一就好（这个宽高也可在css中设置），title标签是鼠标悬停在图片时显示的文本内容。3.<br>标签是换行，...

2019-04-17 16:24:48 182

原创 0.前端基础知识

一.什么是浏览器与服务器？1.浏览器：浏览器就是一个软件，作用有二。一：将网页渲染出来，给用户查看。二：可以使用户通过浏览器与网站交互。2.服务器：服务器就是一台比普通电脑性能好、主要用来存放数据、24小时不关机的电脑。二.浏览器访问网页的原理。1.访问网页的时候，是有真实的物理文件传输的。浏览器会先把网页上的内容缓存到本地，再在浏览器上进行渲染。2.平时我们感觉第二次访问网页...

2019-04-16 16:45:39 110

原创 JS数组的操作总结

1.数组的定义。var arr=new Array();var arr=[];2.数组的push、pop、shift、unshift。(1)arr.push();向数组屁股后插入任意数量的任意类型的数据，并返回其长度。如：var arr=["yyl"];arr.push(25);console.log(arr);//["yyl",25](2)arr.pop();从...

2019-04-11 12:38:04 139

yangyalun的博客