自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 动画(2)

rotateX() ,指元素围绕其 X 轴以设定的度数进⾏旋转 rotateY() ,元素围绕其 Y 轴以设定的度数进⾏旋转 rotateZ() , 元素围绕其 Y 轴以设定的度数进⾏旋转 3.1 位。两个值的时候,属性值1是指在x轴上缩放元素,属性值2是指在y轴上缩放元素。2.默认值是1,这⾥的参数没有单位,1以下的任何值,使⼀个元素缩⼩,0则是消失;⽽任何⼤于1的值,会让元素 变得更⼤。注意: 1、平移元素,可以是数字,可以是百分⽐,百分⽐是相对于⾃身计算的,x轴往右为正,y轴往下为正,反之 为负。

2022-09-14 16:55:28 137 1

原创 动画(1)

ease [i:z] 默认值, 慢速开始,先加速,然 后再减速 *linear 匀速运动 ease-in 先慢后快 加速运动 ease-out 先快后慢 减速运动 ease-in-out 以慢速开 始和结束的过渡效果 *steps()分布执⾏过渡 效果 cubic-bezier(n,n,n,n) ⽴⽅⻉塞尔曲线函数, 值是0-1之间的数值。动画和过渡类似,都是可以实现⼀些动态效果,不同的是过渡需要在某个属性发⽣变化时才能触发, 例如hover,acitve时,动画可以⾃动触发动画。

2022-09-07 17:14:03 116

原创 电视剧列表

《让子弹飞》:武侠里也可以有爱情周秀娜《巴别塔》:好的故事引人深思 阿朵《春风沉醉的夜晚》:非常真实如小果《剑雨》:好的故事引人深思叶年生《克洛伊》:故事简单却细致刘若英点评:我最喜欢的要算《让子弹飞》了,超喜欢...[详情]

2022-09-06 15:00:33 223 1

原创 中心动态图

8月12日:学历+技能班 8月23日:Java精英班 9月16日:网络营销强化班 8月16日:高考特招班 8月31日:学士后强化班 9月9日:企业定向委培班

2022-09-01 15:48:12 215

原创 人人网注册页(表格表单)

img src="./人人网注册页/image/renren_titile.gif" alt="">女性别:男。电子邮箱:设置密码:真实姓名:

2022-08-31 19:53:54 542

原创 HTML.表格表单

value属性必须设置,这样被选中的表单项的value属性值将会最终提交给服务器。如果希望表单项中的数据会提交到服务器中,必须指定一个name属性。指向的是一个服务器的地址,当我们提交表单时将会提交到action属性对应的地址。- name属性进行分组,属性相同是一组按钮,如果不设置,则都可以选择。方式和使用input类似,它是成对出现的标签,使用起来更加的灵活。-checked="checked"属性 默认选中。-checked="checked"属性 默认选中。name属性:提交内容的名字。...

2022-08-30 16:06:44 73

原创 HTML.背景样式

background-size要写在background-position后面。padding-box 背景不会出现在边框,只会出现在内容区和内边距。- 如果指定的是一个正值,则图片会向右移动指定的像素。- 如果指定的是一个负值,则图片会向左移动指定的像素。- 如果指定的是一个正值,则图片会向下移动指定的像素。- 如果指定的是一个负值,则图片会向上移动指定的像素。border-box 默认值,背景颜色会出现在边框的下边。4:background-position可以调整背景图片在元素中的位置。......

2022-08-29 20:21:09 76 2

原创 HTML.定位(2)

margin 和left,right其中一个值为auto,调整left或right。四个值中,三个值固定,某一个值设为auto,则会调整这个auto值,width 和left,right其中一个值,调整left或right。-当开启决定定位后,水平方向的布局等式就会加上left,right两个值。width,right,left,调整right。水平方向9个值相加必须要等于父元素的内容的宽高,否则浏览器就会自动调整,这个过程。2、rgba、transparent是属性值,他必须要跟在特定的属性后,...

2022-08-26 15:46:51 188 1

原创 HTML.定位(1)

2、设置偏移量,偏移量的相对位置是相对于元素原来在文档流中的位置(left:0;2、如果是定位的情况下,包含块就是元素的开启了定位的,离它最近的祖先元素。我们会在开启子元素的绝对定位后,会同步开启父元素的相对定位。3、设置绝对定位后,如果不设置偏移量,元素的位置也不会发生变化。1、默认情况(没有定位的情况下),包含块就是元素的祖先元素。当元素的position属性设置fixed时,则开启了元素的固定定位。(3)固定定位不占有原来的位置,即脱离标准流 ,更改元素的性质。

2022-08-25 15:01:49 86

原创 HTML.高度塌陷

可以解决高度丢失的问题,但是会导致宽度丢失,而且会有一个三像素的空白,不推荐使用这种方式。当开启元素的BFC以后,元素会变成一个独立的布局区域,不会在布局上影响到外面的元素。父元素的高度一般是被子元素或者叫内容撑开的,若设置子元素浮动,则子元素就会脱离文档流。元素也会脱离文档流,虽然可以撑开父元素,但是会导致父元素的宽度丢失。也就撑不开父元素的高度了,从而导致父元素的高度丢失,页面布局混乱。可以直接在高度塌陷的父元素的最后,添加一个空白的块元素,而且使用这种方式也会导致下边的元素上移,不能解决问题。

2022-08-24 18:37:06 84 2

原创 HTML.浮动

4、如果浮动元素的前一个兄弟,没有浮动,则浮动的元素不会超过他前面没有浮动的元素。1、设置元素浮动之后,元素会脱离文档流,元素原来在文档流中的位置,就不会存在。当浮动元素遇到了文字,浮动的元素不会覆盖文字,而是文字会环绕在浮动元素的周围。2、设置元素浮动之后,元素会尽量的向左或者向右,向上进行移动,元素脱离文档流了,就不再区分块,行内,行内块,也就不具有以上的特点。当元素设置浮动以后,会完全脱离文档流,元素的一些特点也会发生改变。如果设置元素浮动,元素脱离文档流后,就不会具有在文档流中的特点。

2022-08-23 13:43:41 67

原创 HTML.盒子模型(3)

border-box 宽度和高度用来设置整个盒子可见框的大小,包括边框,padding,内容区。默认情况下,垂直方向的外边距,不可设置,水平方向可以设置,且水平方向的外边距不会重叠。默认情况下,可以正常设置内边距,但垂直方向内边距,但它不影响整个页面的布局。所以为很多的元素都设置了一些默认的margin和padding,默认情况下,可以正常设置边框,但垂直方向边框大小,不影响整个页面的布局。none:隐藏元素(真正的消失,元素的位置不会保留)而它的这些默认样式,正常情况下我们是不需要使用的。...

2022-08-18 19:04:10 100 5

原创 HTML.盒子模型(2)

margin-left margin-right auto width 固定值 左右外边距平分,盒子会居中显示。border-box 盒子的width和height指的是内容区,内边距,边框的大小。margin-bottom 下外边距 盒子自己不动,挤下面的盒子移动,正值向下,负值向上。margin-right 右外边距 默认情况,设置margin-right是没有效果。可以设置auto大小的属性,是margin-left width margin-right。...

2022-08-17 19:14:25 95

原创 HTML.盒子模型(1)

3)、border-xxx-width 特指top right bottom left某一边宽度。网页是一个多层的结构,设置样式,也是一层一层的设置,最终我们看到的最上面的一层。把元素布局到页面,就像想买个桌子,放到家里,要知道桌子的大小,形状,然后才能放到家里。元素脱离文档流之后,就不再区分块元素,行内元素,行内块元素,影响盒子大小的元素:内容区,边框,内边距 ,外边距不影响盒子的大小。边框属于盒子边缘,边框里面属于盒子内部,出了边框都是盒子的外部。border-bottom:颜色,大小,样式;...

2022-08-16 18:36:44 77 1

原创 HTML.选择器(3)

属性名*=属性值]{} 选择含有指定属性,只要含有某个属性值的元素伪类选择器。选择器的累加,不会超过上一级数量级,例如:类选择器再高也不会超过id选择器 量变达不到质变。[属性名^=属性值]{} 选择含有指定属性以及指定属性值开头的元素。[属性名$=属性值]{} 选择含有指定属性以及指定属性值结尾的元素。比较优先级时,需要将所有选择器的优先级进行相加计算,最后优先级越高,则优先显示。[属性名=属性值]{} 选择含有指定属性以及指定属性值的元素。通配符、子选择器、相邻选择器等。...

2022-08-15 20:39:21 60

原创 HTML.入门篇选择器(2)

属性名*=属性值]{} 选择含有指定属性,只要含有某个属性值的元素。[属性名^=属性值]{} 选择含有指定属性以及指定属性值开头的元素。[属性名$=属性值]{} 选择含有指定属性以及指定属性值结尾的元素。[属性名=属性值]{} 选择含有指定属性以及指定属性值的元素。语法:[属性名]{} 选择含有指定属性的元素。作用:选中对应class属性值的元素。作用:通过指定祖先元素找到指定的后代元素。作用:通过指定的父元素找到指定的子元素。语法:选择器1,选择器2,选择器3{}...

2022-08-11 19:48:49 130

原创 HTML.入门篇选择器(1)

网页其实是多层的,css可以给每一层设置样式,最终我们看到的是最上面的一层。在head标签内部,写一个style标签,通过各种选择器选中对应元素,在{}内设置样式。样式结构也是名值对,可以写多组样式,必须用分隔号隔开,最后一个样式,可以不用分隔号。在html文件外,新建.css文件,在css文件里,选中对应的元素,设置样式。css样式的语法:样式名:样式值;声明块:名值对结构 样式名:样式值;style属性,在属性值里写css样式。通过link标签,引入.css文件,即可生效。2、结构和表现耦合了。.

2022-08-10 19:23:43 123

原创 HTML.入门篇超链接

去实体 -->绝对地址 只要填写网址,都可以进行正确的跳转,与文件本身位置没有关系。第一步:给去的位置打一个标记,用 id属性设置一个id属性值。可以是一个字,可以是一段文字,可以是一张图片,可以是表格等等。空链接...

2022-08-08 16:30:55 134

原创 HTML.入门篇标签

一:学习标签,一定要关注语义,而不是样式 标题标签h1 ~ h6 注意语义 页面部分区块的标题 默认样式 加粗,一级标题是最大最粗的,六级标题是最小的,标题与标题之间有较大的间距, 还会独占一行,标题标签是块元素 语义:代表一个标题,而且一级标题语义是最重,六级标题语义是最轻,标题标签会帮助seo,sem推广, 推广的重要性仅次于title标签,非常重要的 常用的是h1-h3标签,h1标签一般一个页面只有一个 二

2022-08-07 11:25:44 94

空空如也

空空如也

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

TA关注的人

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