- 博客(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>/伪类>...
2020-03-21 10:42:58 288
原创 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关注的人