- 博客(34)
- 收藏
- 关注
原创 周报总结学习
目录一. 条件语句补充二.typeof三.类型转换1.显示类型转换2.隐式类型转换四.函数1.定义2.组成形式一. 条件语句补充switch casebreak:结束循环,必须放在循环里面continue:结束本次循环,不读continue之后的语句二.typeofnumberstringbooleanobjectundefinedfuctionvar num=ture;console .log(typeof(num));booleannull:object一.
2022-02-06 19:23:26
492
原创 11.20学习
目录一.css3新特性1. 3D转换(1)三维坐标系(2)3D移动translate3d(3)透视perspective(4)translateZ(5)3D旋转rotateX(6)rotateY一.css3新特性1. 3D转换(1)三维坐标系x轴:水平向右 x右边是正值,左边是负值y轴:垂直向下 y下面是正值,上面是负值z轴:垂直屏幕 往外面是正值,里面是负值(2)3D移动translate3dtransform:translateX(100px):仅仅在x轴上移动tra.
2022-01-20 22:30:27
212
原创 1.18学习
目录一.css3新特性1.动画(1)动画常用属性(2)动画简写属性一.css3新特性1.动画(1)动画常用属性<style> @keyframes move { 0% { transform: translate(0, 0); } 100% { transform: translate(1000px, 0); .
2022-01-18 22:20:37
121
原创 1.17学习
文章目录一.css3新特性1. 2D转换(1)2D转换之缩放scale(2)缩放案例(3)2D转换综合写法2.动画(1)动画的基本使用(2)动画序列一.css3新特性1. 2D转换(1)2D转换之缩放scale缩放,可以放大和缩小语法:transform:(x,y);注意:其中的x和y用逗号分隔transform:scale:(1,1):宽和高都放大了一倍,相当于没有放大transform:scale:(2,2):宽和高都放大了两倍transform:scale:(2):只写一个
2022-01-17 22:51:14
342
原创 1.16学习
文章目录一.css3的新特性1.css3过渡2.过渡练习--进度条3.2D转换(1)二维坐标系(2)2D转换之移动translate(3)让盒子实现水平和垂直居中(4)2D转换之旋转rotate(5)css3书写三角(6)2D转换中心点transform-origin二.广义h51.狭义的h5和css32.广义的html5一.css3的新特性1.css3过渡过渡是css3中具有颠覆性特征之一,在可以不使用flash动画或js的情况下,当元素从一种样式变换为另一种样式时元素添加的效果。过渡动画:从.
2022-01-16 23:38:05
147
原创 1.15学习
文章目录一·css3的新特性1.css3伪元素选择器2.伪元素选择器使用场景--配合字体图标3.伪元素选择器使用场景--仿土豆网遮罩层4.伪元素选择器使用场景--清除浮动5.css3盒子模型6.css3图片模糊处理7.计算盒子宽度calc函数一·css3的新特性1.css3伪元素选择器作用:伪元素选择器可以帮助我们利用css创建标签元素,而不需要html标签,从而简化html结构选择符简介::before在元素内部的前面插入内容::after在元素内部的后面插入内容.
2022-01-15 21:06:07
86
原创 1.14学习
文章目录一.HTML5新特性1.HTML5新增的语义化标签2.HTML5新增的多媒体标签3.HTML5新增的input类型4.HTML5新增的表单属性二.css3新特性1.css3现状2.属性选择器3.结构伪类选择器一.HTML5新特性1.HTML5新增的语义化标签注意:html5的新特性都有兼容性问题,基本上是IE9+以上版本的浏览器才支持。< header >:头部标签< nav >:导航标签< article >:内容标签< section.
2022-01-14 23:28:06
209
原创 12.6周报总结
制作了一个伪类淘宝页面html部分把整体页面分为了6大部分,用div盒子装起来头部 搜索栏 首屏 有好货 爱逛街 右边固定导航栏在每一个部分再细分结构,是由哪几个盒子组成,思考合适的标签并进行使用css部分进行浏览器兼容性(如内外边距或者ul里li的圆点清除等),和预定义的设置(如一些常用的颜色,浮动等)由于样式较多,css使用了外部样式表 实现了结构和样式的相分离顺着划分好的盒子结构一步步添加样式小图标等使用iconfont或者iconmoom,相当于变成字体,可任意调节
2021-12-06 20:06:18
49
原创 【无标题】
css中的继承:子标签会继承父标签的某些样式,如文本颜色和字号恰当的使用继承可以简化代码,降低css的复杂性子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)
2021-11-21 16:53:40
214
原创 2021-11-14
11.8-11.14周报总结css学习1.chrome调试工具chrome浏览器提供了一个非常好用的调试工具,可以用来调试我们的HTML结构和css样式打开调试工具打开chrome浏览器,按下F12或者右击页面空白处-检查使用调试工具:ctrl+滚轮可以放大开发者工具代码大小左边是html元素结构,右边是css样式右边css样式可以改动数值(左右箭头或者直接输入)和查看颜色ctrl+0复原浏览器大小如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误如果有样式,但是样
2021-11-14 16:51:49
270
原创 2021-11-06
11.1-11.6周报总结1.css简单了解css简介:层叠样式表,也称css样式表或者级联样式表,也是一种标记语言。主要用于设置HTML页面中的文本内容(字体、大小、对其方式)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式css1.1-css语法规范构成:两部分,主要由选择器和一条或多条声明选择器是用于指定css样式的HTML标签,花括号内是对该对象设置的具体样式,属性和属性值是以键值对的形式1.2-css代码风格样式大小写:小写字母空格规范:在属性值前面,冒号后面
2021-11-07 20:06:24
126
原创 2021-11-06
11.6总结HTML复习无序列表<ul><li>列表项1</li><li>列表项2</li><li>列表项3</li></ul>有序列表<ol> <li></li> <li></li><li>列表项1</li></ol>自定义列表<dl> &l
2021-11-06 22:28:32
33
原创 2021-10-31
新开端,新开始第一次面试题部分错误归纳总结2下面关于 CSS 表述正确的是 ( A,C,D )( 多选 )A CSS 是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。B 层叠样式表是 HTML 的辅助工具, 缺点是设计者设计的网页缺少动感, 网页内容的排版布局上也有很多困难C使用 CSS 能够简化网页的格式代码, 加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。D CSS 是 Cascading Stylesheets 的缩写,
2021-10-31 11:17:28
455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人