- 博客(30)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 CSS入门篇基础总结（四）
常用的类型：text（文本输入框）、password(密码)、checkbox（复选框）、radio(单选框)、button（普通的按钮)、submit(提交按钮)、reset（重置按钮）、file（文件）Transtion-property：（必填）指定过渡的属性（宽，高，颜色等，用，隔开）2、设置z-index，父元素的层级再高也不会高于子元素。3、opacity是属性，它有继承性,给祖先元素设置，会继承给它的后代元素。2、rgba、transparent是属性值，他必须要跟在特定的属性后，
2022-09-24 16:45:00
287
1
原创 CSS入门篇基础总结（三）
如果设置元素浮动，元素脱离文档流后，就不会具有在文档流中的特点设置元素的浮动可选值：none 默认值，元素正常显示，不浮动left 元素向左浮动right 元素向右浮动float可以使块元素水平布局。
2022-09-23 19:30:00
544
原创 CSS入门篇基础总结（二）
水平方向的七个值相加必须等于其父元素内容区的宽度，如果不等于，那么浏览器就会自动调整七个值中的某值，让其成立，这就叫过度约束。水平方向有七个值为：如何调整：1、七个值中如果没有auto，那么浏览器默认调整的是margin-right2、七个值中如果有auto，则浏览器就会调整auto可以设置auto大小的属性，是margin-left width margin-right(1)1个auto，谁是auto，浏览器就调整谁（2）2个auto。
2022-09-22 17:11:06
138
原创 CSS入门篇19.动画与变形
变形原点：transform-origin：（center，center）默认值。不需要js也能写，比较流畅，由浏览器去执行动画，减少代码量，性能比较高。只有一个要求，两个数值时，第一个是过渡时间，第二个是延迟时间。Cublic-bezier（n，n，n，n）0--1的数值。Cublic-bezier（n，n，n，n）0--1的数值。Ease-in-out 以慢速结束和开始的过渡。Ease-in-out 以慢速结束和开始的过渡。指定过渡的属性（宽，高，颜色等，用，隔开）所有数值类型的属性，都可以进行过渡。
2022-09-14 17:06:29
203
1
原创 CSS入门篇基础总结（一）
网页是多层的，可以给每层设置样式，最终看到最上一层直接写在开始标签里面Style属性，在属性值里写css样式，可写多组样式，；隔开优势：1.比较有针对性缺点：1.修改起来不方便 2.结构和表现耦合了写在head标签内部，写一个style标签，选中对应元素，在{}内设置样式，多组样式；隔开优势：1.修改比较方便2.结构和表现分开缺点：不方便复用在html文件外，新建.css文件，在css文件里，选中对应元素，设置样式；通过link标签，引入.css文件，即可生效css中常用的选择
2022-09-06 19:40:32
143
1
原创 html5基础总结
一、有序列表：ol创建，li表示列表项二、无序列表ul创建，li表示列表项disc 默认值，实心的原点square 实心的方块circle 空心的圆三、定义列表Dl创建，dt下定义，dd解释定义有序列表、无序列表默认样式：左边有间距，有项目符号type属性改变项目符号列表可以相互嵌套。
2022-09-05 18:53:38
157
3
原创 CSS入门篇18.表单
常用的类型：text（文本输入框）、password(密码)、checkbox（复选框）、radio(单选框)、button（普通的按钮)、submit(提交按钮)、reset（重置按钮）、file（文件）可选值：post：将表单数据包含在表单体发送：更安全，所以常用与敏感数据的传送。date：设置日期 可以通过value设置初始日期，格式：1988-02-03。email:邮箱，提交表单时可以自动验证邮箱格式是否正确-->总结一下：与input设置按钮，button设置更灵活。
2022-09-04 20:02:03
611
3
原创 CSS入门篇17.雪碧图
1 将多个图片整合为一张图片里，浏览器只需要发送一次请求，可以同时加载多个图片，2 将多个图片整合为一张图片，减小了图片的总大小，提高请求的速度。5：设置一个偏移量以显示正确的图片。一、图片整合技术（CSS-Sprite）3:根据测量结果创建一个元素。4:将雪碧图设置为元素的背景。提高访问效率，提高了用户体验。1:先确定要使用的图标。
2022-09-02 20:02:12
257
1
原创 CSS入门篇16.背景样式（二）
padding-box 背景不会出现在边框，只会出现在内容区和内边距。border-box 默认值，背景颜色会出现在边框的下边。content-box 背景图片的偏移量从内容区处计算。content-box 背景只出现在内容区。border-box 从边框开始计算偏移量。设置背景图片的偏移量计算的原点,配合偏移量使用的。padding-box 从内部距处开始计算。如果只写一个，第二值，默认为auto。contain 图片比例不变，将图片完整显示。cover 图片的比例不变，将元素铺满。...
2022-09-01 16:07:21
461
原创 CSS入门篇16.背景样式（一）
如果背景图片小于元素大小，则会默认将背景图片平铺以充满元素。- 如果指定的是一个正值，则图片会向右移动指定的像素。- 如果指定的是一个负值，则图片会向左移动指定的像素。- 如果指定的是一个正值，则图片会向下移动指定的像素。- 如果指定的是一个负值，则图片会向上移动指定的像素。如果背景图片和元素一样大，则会将背景图片全部显示。no-repeat ，背景图片不会重复，有多大就显示多大。如果背景图片大于元素，默认会显示图片的左上角。-可以同时为一个元素指定背景颜色和背景图片，这样背景颜色将会作为背景图片的底色。.
2022-08-31 20:09:43
129
原创 CSS入门篇15.轮播图的三种实现方法
建一个对外的窗口，让图片整个横向排列，通过调整整个图片的水平方向，让图片叠在一起，通过改变图片的层级，来决定显示哪张图片。一、自己手写（配合js,目前的话，大家掌握原理和样式）二、用各种插件、或者框架（别人写的，你来用）1、用float为主。...
2022-08-30 16:02:25
4340
1
原创 CSS入门篇14.层级与透明效果
例如 background-color、color、border-color等。设置透明的第三种方式background-color: transparent;2、设置z-index，父元素的层级再高也不会高于子元素。3、opacity是属性，它有继承性,给祖先元素设置，会继承给它的后代元素。2、rgba、transparent是属性值，他必须要跟在特定的属性后，rgba、transparent是没有继承的，给谁设置，谁就有。1、opacity是属性，rgba、transparent是属性值。...
2022-08-29 20:04:33
149
1
原创 CSS入门篇13.固定定位与粘滞定位
（2）占有原来位置（体现相对定位特点）,不会脱离文档流，元素性质也不会发生变化；(4)配合top值设置，没有达到top值之前正常显示，随着滚动条滚动而滚动，-当元素的position属性设置为sticky时，则开启了元素的粘滞定位。当元素的position属性设置fixed时，则开启了元素的固定定位。（3）固定定位不占有原来的位置，即脱离标准流 ，更改元素的性质。（1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；（1）以浏览器为参照物（体现固定定位特点）；粘滞定位 （一般用于页面导航的吸顶效果)..
2022-08-26 15:10:43
136
原创 CSS入门篇12.相对单位与绝对定位
2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；2、如果是定位的情况下，包含块就是元素的开启了定位的，离它最近的祖先元素。（一般情况，开启了子元素的绝对定位都会同时开启父元素的相对定位 '父相子绝'）我们会在开启子元素的绝对定位后，会同步开启父元素的相对定位。3、设置绝对定位后，如果不设置偏移量，元素的位置也不会发生变化。2.开启绝对定位以后，如果不设置偏移量，则元素的位置不会发生变化。另一个方面，开启定位后，它的特点是什么。4、绝对定位，它的原点是相对于其包含块来定位的。
2022-08-25 15:14:16
124
原创 CSS入门篇10.浮动的简介与三个特点
块元素在文档流 会独占一行，自上而下排列如果设置元素浮动，元素脱离文档流后，就不会具有在文档流中的特点设置元素的浮动可选值：none 默认值，元素正常显示，不浮动left 元素向左浮动right 元素向右浮动float可以使块元素水平布局设置float浮动特点（第一类特点）1、设置元素浮动之后，元素会脱离文档流，元素原来在文档流中的位置，就不会存在下面的元素就会上移，挤上去2、设置元素浮动之后，元素会尽量的向左或者向右，向上进行移动，而且默认情况下，不会脱离父元素的范围。
2022-08-22 20:34:56
411
1
原创 CSS入门篇09.阴影和圆角
border-radius 用来设置圆角 以10px为半径画圆。第一个值：水平偏移量 正->左 负->右。第二个值：垂直偏移量 正->下 负->上。用来设置元素的阴影效果，不会影响到页面布局。第四个值：颜色 默认是黑色。
2022-08-19 18:51:13
332
2
原创 CSS入门篇08.垂直布局与盒子大小
border-box 宽度和高度用来设置整个盒子可见框的大小，包括边框，padding，内容区。box-sizing 用来设置盒子尺寸的计算方式 width/height 指的是谁。content-box 内容区 默认值。单独设置水平方向的溢出内容。单独设置垂直方向的溢出内容。默认情况下，块元素宽高是被内容撑开的，如果自定义，那就听你设置的宽高。如果父元素宽高设置，小于内容区，则内容就会溢出。hidden 裁剪多余的内容。默认情况下：盒子可见宽的大小由内容区，内边距，边框共同决定。...
2022-08-18 19:26:42
102
2
原创 CSS入门篇07.水平布局
水平方向的七个值相加必须等于其父元素内容区的宽度，如果不等于，那么浏览器就会自动调整七个值中的某值，让其成立，这就叫过度约束。
2022-08-17 19:28:10
346
4
原创 CSS入门篇06.盒子模型
Margin-top（正下负上）、right（默认情况没效果）、bottom（正下负上）、left（正右左负）Border-width :设置边框大小 默认值1—3px，可多值，以空格隔开。Border-color :设置边框颜色 默认值黑色，可多个颜色，以空格隔开。Border-style :设置边框样式 默认值 none，以空格隔开。Margin 外边距：当前盒子与其他盒子之间的距离，用于确定盒子的距离。Padding 内边距：内容区和边框之间的距离。Border 边框 三样式：颜色、大小、样式。...
2022-08-16 18:39:23
58
4
原创 CSS入门篇05.文本样式
Underline 下划线。可选值：center 居中、left（默认值）、right、justify（两端对齐）2.阴影垂直位移距离（必填）正下负上。2.阴影垂直位移距离（必填）正下负上。4.阴影的颜色（默认字体颜色）4.阴影的颜色（默认黑色）可选值：baseline 基线对齐，沿着x字母最下方对齐，默认值。10. text-shadow：（四个参数：） 设置文本的阴影。8. text-overflow：文本溢出包含元素的情况。功能：1. 设置元素垂直对齐（只针对图片、文字、表格）...
2022-08-15 20:28:12
101
原创 CSS入门篇04.字体样式及行间距
像素 px、百分比 % 是一个相对单位，相对于其父元素高宽，多用于流体式布局、em 相对于当前字体的大小设置的，是一个相对单位，字体默认大小16px，若没设置字体大小，则继承其祖先元素字体大小，直到根标签默认字体大小16px、rem 只相对于根标签字体大小来设置，是一个相对单位Rgba（red、green、blue 、0—1） 0是透明，1是不透明Hsla 表示亮度、色相、颜色、透明度使用十六进制 0-9abcdefColor 文字颜色Font-family 文字字体。...
2022-08-14 15:40:16
877
原创 CSS入门篇03.常用选择器及选择器权重（二）
important>内联>id选择器>class选择器/属性选择器>元素选择器>通配选择器>继承选择器。5. [属性名*=属性值]{} 选择含有指定属性，只要含有某个属性值的元素。3. [属性名^=属性值]{} 选择含有指定属性及属性值开头。4. [属性名$=属性值]{} 选择含有指定属性及属性值结尾。2. [属性名=属性值]{} 选择含有指定属性及属性值元素。同类型中：：first-of-type 第一个子元素。语法：1.[属性名]{} 选择含有指定属性的元素。：：after 在元素开始的位置后。....
2022-08-12 20:38:24
202
1
原创 CSS入门篇01.简介与三种使用方法
在html文件外，新建.css文件，在css文件里，选中对应元素，设置样式；通过link标签，引入.css文件，即可生效。写在head标签内部，写一个style标签，选中对应元素，在{}内设置样式，多组样式；Style属性，在属性值里写css样式，可写多组样式，；以上就是引用css的三种样式。直接写在开始标签里面。...
2022-08-10 20:10:46
122
3
原创 HTML入门篇05.行内与块元素与音视频标签
块元素（block element）：常用来布局、独占一行、从上到下顺序排列、宽度是父元素的100%、高度默认是被内容撑开的。Jpeg（支持颜色多）、gif（动图）、png（转为网页而生）、webp（兼容性不好）、base64（和网页一起加载的图片）行内块元素：兼容块元素和行内元素的特点，不会独占一行、可自定义宽高。例如：div、h1—h6、p、header、footer、nav。元素区分为：块元素、行内元素、行内块元素。什么都能放，块元素、行内元素、行内块元素。例如：span、em、啊、...
2022-08-09 20:52:25
152
原创 HTML入门篇04.图片标签和超链接标签
第二步：在href属性的属性值，将标记写上 #id属性值。空链接： 1.加个# 2.JavaScript：；相对地址：通过./进行跳转，./是默认的路径，可以省略。2.去任意位置：id=、href=#id。1.回到顶部：href属性设置为#即可。注意：id属性值：不能数字开头，不要是汉字，独一无二的。2.Target属性：控制超链接打开的方式。1.Href属性：设置超链接跳转的地址。是对图片的描述，当引入不成功时，显示文字。超链接: 可以是字、图片、一句话、表格等等。......
2022-08-08 16:54:58
970
2
原创 HTML入门篇03.布局标签与列表标签
一、有序列表：ol创建，li表示列表项二、无序列表ul创建，li表示列表项disc 默认值，实心的原点square 实心的方块circle 空心的圆三、定义列表Dl创建，dt下定义，dd解释定义有序列表、无序列表默认样式：左边有间距，有项目符号type属性改变项目符号列表可以相互嵌套。...
2022-08-07 22:45:00
329
7
原创 HTML入门篇02.常用标签
h1---h6 默认样式 加粗、变大 h1最大，h6最小作用：可以帮助浏览器检索页面，推广的重要性仅次于title标签 行与行之间有较大间距，独占一行，是块元素。只放文字或图片src引入图片的路径 ./（在同一目录下）或../（不在同目录下）alt对图片的描述，当引入不成功时，显示文字width 设置图片宽度、hight 设置图片高度注意：一般情况不会同时设置宽高，防止出现变形设置一个宽或高，另一个设置自适应。......
2022-08-07 12:06:44
183
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人