自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 javascript的语法及变量

Javascript一 作用:行为、互动、跟网页的交互。二 书写:1、内联(行内):属性的形式:style="样式属性:样式属性值“```​ 2、内部:style双标签,包裹css样式​ 3、外部(外联):link单标签,href属性,引入css文件路经​ script标签放在那:业内习惯 head标签内 body后​ ...

2020-04-20 20:24:32 114

原创 css3弹性盒子

怪异盒模型:box-sizing:border-box;特点:padding和margin都会在元素宽高的内部,盒子不会被撑开。弹性盒子作用:控制离他最近一成子元素的布局方式。特点:1、弹性盒子里的子元素都可以添加大小2、如果想让弹性盒子的元素上下左右居中,只需个盒子加margin:auto;3.弹性盒子里面的子元素都是沿着主轴方向排列 x y都是加个父元素的一、触发弹性盒子:...

2020-04-14 17:50:46 150

原创 css3中一些属性

1、 文本阴影属性text-shadow(x y blurpx color )xy偏移量、阴影的位置允许负值 blur:模糊值可进行多阴影设置(逗号分隔的方式)2、盒子阴影:box-shadow( x y blur soread color )属性值: soread:模糊的范围px inset: 内阴影3、文本换行:word-wrap:bre...

2020-04-13 17:56:51 166

原创 css3中3D及动画制作

形成3d空间:transform-style:preserve-3d、 属性值:3d-位移:transformlate-z() 旋转:rotate-z() 3d-缩放:scale-z() 让背面不可见:backface-visitility:hidden 景深: 近大远小。perspectixe: () 对应的值越大距离越...

2020-04-09 22:00:56 179

原创 css3中变形属性

过渡:transition允许css的属性值在一定的时间区间内平滑地过渡。:transition:all/具体属性值 过渡时间s/ms 延迟时间s/ms 动画类型(linear)匀速通过事件来触发(鼠标滑过)来改变css的值。变形属性:transform1 、位移 transform: translate( x y) 位移时占空间 支持过渡将元素向指定的方...

2020-04-07 22:58:31 1060

原创 CSS3中渐变叙述及应用

浏览器前缀:-webkit-谷歌、苹果浏览器前缀ms-IE浏览器前缀moz-火狐浏览器前缀-o-欧朋浏览器前缀css3渐变:概念,背景色在多个颜色之间平稳的过渡。1、线性渐变:从一个方向到另一个方向的颜色变化。标准语法:(不添加浏览器前缀)background: linear-gradient(direction, color1, color2, …)说明:directiona...

2020-04-06 19:45:47 163

原创 高度宽度自适应问题

宽度自适应:默认情况下块状元素,当宽width不设置时,子元素跟随父元素而变化。高度自适应:1,当元素height不去设置或者成height:auto;元素的高度是被内容撑开的。元素高度自适应窗口高度设置方法:html,body{height:100%;}注:如果设置子元素的高度跟随父元素的高度变化而变化,那么父元素必须有高度。最小高度设置:min-height;高度塌陷出现的场景:...

2020-03-31 19:55:47 441 1

原创 css的元素类型

css的标签分类:1.块状元素:特点:在页面以矩形区域显示,之上而下排行,独占一行。可以直接添加宽高,可以作为其他元素的内容的容器。(div ul li p h1-h6 dl form)2.内联元素(内联块元素): 特点:在页面中有内容来撑开,一行内逐个排列,不可以直接添加宽高,个别属性会出现问题(padding-top,bottom)(margin-top,botto...

2020-03-27 17:28:19 178

原创 简要一下盒模型

简述一下盒模型margin用法: 是盒子与盒子之间外边距、边界1:margin在元素外围,不会撑大元素的大小2:作用:控制元素与元素之间的间距。不会对盒子本身的宽高造成影响。3:给单一方向添加marginmargin-left/right/top/bottom4 :margin设置方法:一个值; 四周 ; 两个值: 上下 左右 三个值: 上 左右 下 ...

2020-03-24 23:39:05 316

原创 css的背景属性及盒模型

border:边框宽度 边框风格 边框颜色;​​边框:border,网页中很多修饰性线条都是由边框来实现的。边框宽度:border-width:边框颜色:border-color:边框样式:border-style:solid(实线)/dashed(虚线)dotted(点划线)double(双线),也可以单独针对某一边border-bottom:下边框 border-left...

2020-03-23 21:56:47 362

原创 CSS的一些属性,权重问题

选择符的权重:四个数字表示权重内联样式表–100,id–100,class–10,伪类选择符–10,标签–1包含选择符的权重=权重之和。群组选择符,权重值不变,保持原有的权重值,后写的覆盖前些的,后写的权重大。css的层叠性,–产生权重关系必然体现css的层叠性。内联样式>外部样式/内部样式。外部和内部与书序的顺序有关,后写的覆盖前些的。Id>class>/伪类&gt...

2020-03-21 10:42:58 288

原创 css的一些选择符

对于样式表的权重问题:内联样式

2020-03-19 20:52:35 73 1

原创 css的语法与联系

ailgn="“水平对齐方式,包含(left左,center中,right右) 加在上vailgn=““垂直对齐方式,包含(top上,middle中,bottom下’)合并单元格:属性:合并行rowspan,合并列colspan, 属性值:合并单元格的数量表单: 作用:收集用户的信息标签:最外层的容器 action = ‘接口地址’ method = ‘get /...

2020-03-18 17:22:31 137

原创 html中一些标签的介绍

<!DOCTYPE html>声明文档类型 根标签 lang 表示语言形态 en英文 头部 国际编码的描述 内容的标题 内容区 标签: 标题 ,共有6个(h1-h6)特点:拥有自己的默认大...

2020-03-17 20:40:15 87

原创 学习前端第一天

## 标题 **学习前端第一天** 今天学习h5前端第一天,感受是老师讲课幽默风趣,技术性也很强,望以后能学有所成。 今天主要讲了 一个网页由:结构(html),表现(css),行为(JavaScript)三大部分构成。 ...

2020-03-16 21:00:54 95

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除