- 博客(28)
- 收藏
- 关注
原创 1.3CSS新特性
属性,宽度高度背景颜色内外边距都可以。如果想要所有的属性都。单位是秒(必须写单位)可以设置延迟触发时间默认是。属性将模糊或颜色偏移等图形效果应用于元素。要过渡的属性花费时间运动曲线何时开始。计算盒子大小的方式就发生了改变。记住过渡的使用口诀:谁做过渡给谁加。单位是秒(必须写单位)比如。如果盒子模型我们改为了。就不会撑大盒子了(前提。模糊处理数值越大越模糊。属性值时执行一些计算。
2024-06-04 20:11:55
359
原创 1.2CSS新特性
后面两种伪元素清除浮动算是第一种额外标签法的一个升级和优化。给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。.tudou:hover::before{/*而是显示元素。新创建的这个元素在文档树中是找不到的,所以我们称为。注意:要求这个新的空标签必须是块级元素。当我们鼠标经过了土豆这个盒子,就让里面。创建一个元素,但是属于行内元素。伪元素选择器可以帮助我们利用。在父元素内容的前面创建元素,在父元素内容的后面插入元素。创建新标签元素,而不需要。
2024-06-04 20:06:09
280
原创 1.1CSS3新增选择器
属性选择器可以根据元素特定属性的来选择元素。CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。对父元素里面所有孩子排序选择(序号是固定的)先找到第。对父元素里面所有孩子排序选择(序号是固定的)先找到第。结构伪类选择器一般用于选择父级里面的第几个孩子。来选择器元素,常用于根据父级选择器里面的子元素。对父元素里面指定子元素进行排序选择。对父元素里面指定子元素进行排序选择。某个父元素的一个或多个特定的子元素(重点)类选择器、属性选择器、伪类选择器,权重为。个元素或者超出了元素的个数会被忽略。
2024-06-04 19:55:17
173
原创 CSS显示与隐藏
属性指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时,会发生什么。类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!visibility 隐藏元素后,继续占有原来的位置。一般情况下,我们都不想让溢出的内容显示出来,因为溢出的部分会影响布局。除了转换为块级元素之外,同时还有显示元素的意思。属性用于指定一个元素应可见还是隐藏。隐藏元素后,不再占有原来的位置。如果隐藏元素不想要原来位置,就用。如果隐藏元素想要原来位置,就用。因为它会隐藏多余的部分。
2024-05-28 19:57:21
373
原创 CSS定位 3
块级元素添加绝对或者固定定位,如果不给宽度或者高度,默认大小是内容的大小。在使用定位布局时,可能会出现盒子重叠的情况。行内元素添加绝对或者固定定位,可以直接设置高度和宽度。水平居中,但是可以通过以下计算方法实现水平和垂直居中。:让盒子的左侧移动到父级元素的水平中心位置。如果属性值相同,则按照书写顺序,后来居上。固定定位)元素的都不会触发外边距合并的问题。绝对定位和固定定位也和浮动类似。:让盒子向左移动自身宽度的一半。学习定位重点学会子绝父相。加了绝对定位的盒子不能通过。,数值越大,盒子越靠上。
2024-05-28 19:52:11
205
原创 CSS定位 2
1.它是相对于自己原来的位置来移动的(移动位置的时候参照点是自己原来的位置)。如果祖先元素有定位(相对、绝对、固定定位),则以最近一级的有定位祖先元素为参考点移动位置。①子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。因为父级需要占有位置,因此是相对定位,子盒子不需要占有位置,则是绝对定位。固定定位也是脱标的,其实固定定位也可以看做是一种特殊的绝对定位。弄清楚这个口诀,就明白了绝对定位和相对定位的使用场景。③父盒子布局时,需要占有位置,因此父亲只能是相对定位。
2024-05-28 19:47:49
247
原创 CSS定位
定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。1. 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.2. 当我们滚动窗口的时候,盒子是固定屏幕某个位置的。提问: 以下情况使用标准流或者浮动能实现吗?提问: 以下情况使用标准流或者浮动能实现吗?边偏移就是定位的盒子移动到最终位置。用于指定一个元素在文档中的定位方式。定位模式决定元素的定位方式,它通过。则决定了该元素的最终位置。
2024-05-28 19:41:09
168
原创 CSS传统网页的三种方式
总结: 有很多的布局效果,标准流没有办法完成,此时就可以利用浮动完成布局。比较难,虽然转换为行内块元素可以实现一行显示,但是他们之间会有大的空白缝隙,很难控制。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table。实际开发中,一个页面基本都包含了这三种布局方式(后面移动端学习新的布局方式)。这三种布局方式都是用来摆放盒子的,盒子摆放到合适位置,布局自然就完成了。多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动。以上都是标准流布局,我们前面学习的就是标准流,
2024-05-28 19:17:45
176
原创 word排版包括
如果我们要设置第一页a4竖页,第二页a4横页(ctrl+end生成新的一页【分页符】)需要设置分节符下一页来设置纸张方向,建议在写长文档的时候给自己文档插入一个连续的分节符。完整的排版包括(页边距、页眉、页码、标题、正文、脚注、图表标题、图表、页脚等)文字易于阅读,段落层次清晰、图文布局合理。创建新的空白文档就是创建模板(normal模板是word默认的文档)标题修改-格式字体-黑体三号-常规大纲-一级-快捷。开发工具-自定义功能区勾选-文档模板normal。正文设置-格式字体-宋体小四。
2024-05-28 19:03:05
143
原创 word排版的特点
5.标题和内容区分可通过调整字号增加下划线等特殊方式区分和正文的内容 增加字号为26号增加下划线(突兀)一般是给增加下边框段落组下边框,设计页面背景也可以 边框和底纹-边框-边框线-颜色-1.5磅-应用于段落。2.段落间距段前段后设置一个就可以了,如段前0.5行 (留白:让文字更加容易阅读,调大页面边距,增大文字空间,设置段落行距和间距提升阅读舒适性,也增加内容区分,指空间不指白色)一、排版的六大特点:(留白、对齐、亲密、对比、重复、可自动更新)引导视线:统一的对齐方式、设置不同级别、设置一致格式。
2024-05-28 19:00:48
319
原创 1.PPT的基础使用
如果要根据主题或模板创建演示文稿,可在该界面下方选择需要的主题或模板,再在打开的窗口中选择具体的主题或模板样式,最后单击“创建”按钮。步骤1 启动PowerPoint 2016,然后选择“文件”/“新建”选项,在“新建”界面下方的主题列表框中选择“柏林”选项,再在打开的界面中选择具体的主题样式,如右上角的样式。要制作演示文稿,首先需要了解演示文稿的组成和制作原则,熟悉PowerPoint 2016的工作界面,并掌握新建演示文稿的方法。步骤2 单击“创建”按钮,即可根据所选主题创建演示文稿,如图所示。
2024-05-28 15:47:44
220
原创 1.3入门基础知识
tip:mac可以使用 1,2,3 键位+单指手势(1左右移动,2放大缩小,3调整视角)鼠标中建可以快速选择想看的视图(win F1,F2,F3,F4也可以)物体这两个小点也是控制这两个属性,默认(灰色),显示(绿色),消失(红色)选择光影着色线条,可以看到物体的分段数(N+B)视图右上角也有 平移,远近推拉,视角。控制主视图的平移,远近推拉,视角。alt+右键 推拉(远近距离)3.改变物体尺寸 和物体网格分段数量。alt+左键 摇移(改变视角)alt+中建 平移(上下左右)
2024-05-28 15:36:39
158
原创 1.2C4d的常用功能
3.四视图:点击鼠标滚轮,会出现四张画面,我们称他为四视图,(作用:可以精准的对齐立方体),退出四视图再次点击滚轮,可退出。5.给图形添加颜色:选中图形右下方属性里面的基本,显示颜色自定义,2.复制:ctrl+鼠标左键在箭头上面拖动可复制出相同的图形。1.旋转:先旋转在按shift度数会5度的开始旋转。把球体变成一半:在对象里面点击类型选择半球体。4.球体不圆滑点击对象分段值越高越圆滑。6.解锁可编辑模式快捷键C。
2024-05-28 15:25:07
102
原创 Excel单元格的引用及公式和函数
单击i3单元格-单击开始选项卡-编辑组中的自动求和下拉按钮-选择平均值-选择c3-g3-回车求出单个学生平均值-鼠标锁定单元格右下角下拉-算出其他学生平均值-可以看到我们之前设置的小数位。单击排名j3-单击编辑栏左侧的插入函数fx按钮-打开函数对话框—或选择类别中的统计-选择函数-rank.eq-单击确定-number栏单击h3-ref栏选择h3:h38-按下。选中i3:i38-开始-数字选项卡-打开设置单元格格式-数字选项-分类-选择数字类型数值-设置小数位1-确认/也可在常规里面设置其他数字格式。
2024-05-28 14:59:15
669
原创 Excel基本介绍
整一份表格我们称他为工作薄,工作薄里面有一个或者多个工作表,工作表里面用来存放数据的最小单元格我们称之为单元格,单元格是由一个英文字母或者一个阿拉伯数字组成,由多个单元格区域组成的我们称之为单元格区域,单元格中的英文字母我们称它为列,阿拉伯数字我们称它为行,例:a1单元格则代表的就是第一列第一行的数据。单元格里面会存放不同的类型的数据,如学生这是一个文本格式,工作时间这是一个日期格式,工龄,司龄这种就是数字格式。显示比例里面的恰好容纳选定区域的这个选项,我们在查找数据的时候经常会让密密麻麻的数据搞的头晕,
2024-05-28 14:47:35
266
原创 1.1C4D常用的快捷键
鼠标中键 四视图(用于查看上下左右是否对齐)ALT+鼠标中键(滚轮) 移动试图位置。ALT+鼠标左键 进行角度旋转。N+B 光影着色(线条显示)K 剪刀工具可将图形分割开。shift+R 渲染工具。C 转化为可编辑模式。shift+G 解组。
2024-05-19 19:06:19
156
原创 1.3 3D转换
transform:rotate3d(x,y,z,deg): 沿着自定义轴旋转 deg为角度(了解即可)transform:rotate3d(1,0,0,45deg) 就是沿着x轴旋转 45deg。transform:rotate3d(1,1,0,45deg) 就是沿着对角线旋转 45deg。transform-style: flat 子元素不开启3d立体空间 默认的。是表示旋转轴的矢量,是标示你是否希望沿着该轴旋转,最后一个标示旋转的角度。其余手指的弯曲方向就是该元素沿着x轴旋转的方向。
2024-04-08 23:47:27
205
原创 1.2 3D转换
transform:rotate3d(x,y,z,deg): 沿着自定义轴旋转 deg为角度(了解即可)transform:rotateY(45deg) :沿着y轴正方向旋转 45deg。transform:rotateZ(45deg) :沿着Z轴正方向旋转 45deg。transform:rotateX(45deg):沿着x轴正方向旋转 45度。:就是 z轴,物体距离屏幕的距离,z轴越大(正值) 我们。:就是视距,视距就是一个距离人的眼睛到屏幕的距离。距离视觉点越近的在电脑平面成像越大,越远成像越小。
2024-04-08 23:39:09
178
原创 1.1 3D转换
translform:translateZ(100px):仅仅是在Z轴上移动(注意:translateZ一般用px单位)transform:translate3d(x,y,z):其中 x、y、z 分别指要移动的轴的方向的距离。因为z轴是垂直屏幕,由里指向外面,所以默认是看不到元素在z轴的方向上移动。3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向。3D 转换我们主要学习工作中最常用的 3D 位移 和 3D 旋转。我们生活的环境是3D的,照片就是3D物体在2D平面呈现的例子。
2024-04-08 23:28:39
228
原创 1.2CSS3动画
animation:动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态;暂停动画:animation-play-state: puased;经常和鼠标经过等其他配合使用。想要动画走回来 ,而不是直接跳回来:animation-direction : alternate。盒子动画结束后,停在结束位置: animation-fill-mode : forwards。animation-timing-function:规定动画的速度曲线,默认是“ease”
2024-04-08 23:17:40
190
原创 1.1CSS3动画
3.动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的。是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画。中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。4.请用百分比来规定变化发生的时间,或用关键词 ",常用来实现复杂的动画效果。这样的规则就是动画序列。2. 再使用(调用)动画。,100% 是动画的。
2024-04-08 23:11:51
130
原创 HTML骨架基本内容
表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显的很重要。表格不是用来布局页面的,而是用来展示数据的。HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。2、ul中只能嵌套li,直接在标签中输入其他标签或者文字的做法是不被允许的。绝对路径:指目录下的绝对位置,直接达到目标位置,通常是从盘符开始的位置。1、无序列表的各个列表项之间没有顺序级别之分,是并列的。
2024-04-08 22:52:04
115
原创 PS基本介绍
1.photoshop凭借其专业性及强大的功能,几乎在所有公司,如广告,出版社,互联网公司等,成为必不可少的软件。是要用photoshop创造出全新的图片,这不仅仅要掌握photoshop的操作,还要具备一定的理论知识。JPG是最流行的图片文件格式,该格式文件体积小巧,压缩比可变,持交错,广泛用于互联网传输。GIF格式文件最大的特色就是支持动画,常见的动态动画,聊天背景大多数就是GIF。PSD是ps标准的文件格式包含了颜色,图层,路径动画等信息。也是目前公认的最好的通用平面美术设计软件。
2024-04-08 22:49:09
209
原创 word基本内容
号和 —号组合,加号表示开始以及结尾,然后减号就是越多这个表格就越宽,使用tab则可以为他们设置多行。2.限制编辑(加密文档)顾名思义就是把你重要的内容给他上把锁点击审阅,最右边有个限制编辑,限制编辑:1.格式化限制:就是禁止修改任何格式内容,上面工具关于格式的全变成灰色不可点击。2.编辑限制:设置只读,不能编辑内容。限制编辑很好保护我们重要的内容。3.页眉&页脚页眉:在工具栏里面插入,下面点击页眉里面有不同的样式,来美化我们的标题样式。
2024-03-15 15:00:12
388
原创 1.2转换属性 下
还可以给X Y设置像素或方位名词(top上, bottom下, center中, left左, right右)缩放的最大优势:可以设置转换中心点缩放,他在缩放的时候不会影响其他盒子(可以看成他飞起来了)放大和缩小:transform:scalecl(1,1)宽和高都放大一倍(默认),缩小:transform:scalecl(0.5,0.5)宽和高都缩小,放大:transform:scalecl(2,2)宽和高都放大二倍,:X表示宽,Y表示高,里面的数字不跟单位就是倍数,缩放顾名思义,可以放大和缩小,
2024-03-10 19:56:56
405
原创 1.2转换的属性 上
1.移动(transform):2D移动是2D转换里面的一个功能,可以改变元素在页面中的位置。2.旋转(rotate):2D旋转指的是元素在二维平面内顺时针旋转或者逆时针旋转。deg:表示旋转多少度,如果值是负的那么就是逆时针,正的就是顺时针。第一个值表示X轴,另一个Y轴,用px表示也可以用%表示。
2024-03-10 19:20:12
305
原创 1.今日给大家分享2D转换
1.二维坐标系 ,2D转换是改变标签在二维平面上的位置和形状的一种技术,是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。转换(transform)你可以简单理解为变形。转换(transform)你可以简单理解为变形。移动:translate。移动:translate。
2024-03-10 18:59:05
343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人