自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 day04 运算符和流程控制语句【一】运算符和表达式【二】 && 和 || 短路运算

1算术运算符:+ - * / % ++ --.2赋值运算符:- = += -+ *= /= %=3比较运算符:> < >=

2022-10-16 21:29:19 143 1

原创 day03 数据类型和运算符【一】.number类型:【二】string类型 【三】boolean类型 【四】undefined和null类型

1种特殊数据类型(复杂数据类型 引用数据类型 对象数据类型)

2022-10-13 21:50:14 221

原创 day02 js交互【二】鼠标事件类型:元素.事件类型 = function(){ 事件 } 【三】操作元素内容

js交互- 交互步骤:找对应的标签,添加事件,事件反馈。

2022-10-13 21:28:07 180

原创 二阶段js【【1】】面试题 【【2】】语法规则与注释 【【3】】JavaScript的调试语句 【【4】】打断点 【【5】】变量

HTML 超文本标记语言 主要用户页面结构css 层叠样式表 用于结构的布局 样式基于对象和事件驱动的解释性脚本语言JavaScript 脚本语法----用于网站的交互。

2022-10-11 20:15:37 197

原创 Web第一阶段 复习

常用标签 img input audio video。如果新增图标,要更新在线链接,然后替换之前的链接。placeholder提示信息。利用弹性盒实现水平居中垂直。1.解决图片下间隙问题。2.清除浮动的五种方法。1.五大浏览器私有前缀。

2022-10-09 09:56:41 76

原创 (1)媒体查询的引入方式和语法 (2)媒体查询的引入方式【横竖屏】【三】、媒体查询常见的媒体尺寸设置 【四】、移动设备优先 【五】、大屏幕设备优先

选择器 {属性名:属性值}多个条件:选择器 {属性名:属性值}

2022-10-07 21:18:28 310

原创 结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局

结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局。结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局。

2022-09-19 20:07:43 84

原创 新增的多媒体元素1、音频audio2、视频video3、source音频媒介标签二新增表单元素和表单属性

range类型的min值默认为0,max属性默认值为100```- 用于包含数值的输入域从一个日期选择器中选择周,包含年、周(全年的第几周)

2022-09-15 21:22:59 789

原创 **html5**HTML5新标签对IE低版本浏览器的兼容处理

头部底部

2022-09-15 21:12:00 102

原创 圣杯布局, 双飞翼布局

圣杯布局, 双飞翼布局

2022-09-13 20:49:28 51

原创 重置样式reset.css

* 谁的内容在版心,加一个w的类名 *//*禁止用户改变尺寸*//* 实现1px边框 *//* 解决图片下间隙 *//* 去掉自带列表符 *//* 去掉轮廓线 *//* 去掉下划线 */

2022-09-13 20:43:16 1753

原创 一、HTML表单

input type="image" src="./images/4.jpg" alt="图片" width="100" height="200">实现用户信息的收集和传递。男。

2022-09-06 22:21:27 396

原创 1、盒子阴影2、文字阴影 圆角

正数阴影扩大(阴影大小大于盒子大小),负数阴影缩小(阴影大小小于盒子大小),0阴影与盒子同等大小。box-shadow: x轴偏移量 y轴偏移量 模糊值 阴影大小 阴影颜色 内阴影inset|外阴影(outset默认)h-shadow:阴影的水平偏移量。右下角:border-bottom-right-radius:;左下角:border-bottom-left-radius:;右上角:border-top-right-radius:;左上角:border-top-left-radius:;

2022-09-05 22:05:56 85

原创 1.子绝父相【二】CSS 透明,opacity属性 透明度,filter属性【三】CSS块级格式化,怎样生成*BFC*BFC*的特性, BFC解决的问题:1.清除浮动 2.兄弟塌陷3.3.防止字体环绕

它是一个独立的渲染区域,只有Block-level box(块级标签)参与, 它规定了内部的Block-level Box(块级标签)如何布局,并且与这个区域外部毫不相干。注意:子元素设置绝对定位,父元素可以设置相对定位、绝对定位、固定定位, 这三种情况,参照元素都是父元素**通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。/* IE6|7|8|9兼容 */6、BFC就是页面上的一个隔离的独立容器,容器里面的子标签不会影响到外面标签, 反之亦然。

2022-09-05 22:03:52 91

原创 一相对定位(二)绝对定位 三position:fixed 固定定位 四position:static静态定位 五语法: 定位元素的层级顺序z-index 六实现盒子居中的方法 七定位与浮动的区别对比

如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。注意:所有的元素都能使用以上的属性,元素脱离正常文档流之后,不再区分块级和行级元素,宽度没有设置时,由内容撑开,行内元素可以设置宽高,类似于行内块元素。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。没有定位父级时相对于html进行定位,有定位父级时相对于最近的定位父级进行定位。

2022-09-02 20:53:00 80

原创 【无标浮动特性应用实例】二、CSS 精灵(雪碧图、精灵图)三、滑动门 四CSS 定位{相对定位}

边偏移定位元素的位置,使用“top”、“right”、“bottom”和“left”来描述。“background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置。最常见于各种导航栏的滑动门。相对于元素本身的位置进行一个位置调整,占位依然在原来的位置,也就是说,元素设置相对定位后,其原来的位置还占位。定位模式通过position属性来设置,以下为常用四种定位模式静态定位,相对定位,绝对定位,固定定位。

2022-09-01 21:04:52 1657

原创 一、CSS 浮动 浮动产生的问题(为什么要清浮动) 清浮动的方法 什么是伪元素

4.在浮动元素之后,与浮动元素呈并列关系的位置,加一个不浮动块元素(空的div标签(div本身不浮动,没有尺寸)),在空的div标签上加上属性:clear:both;文档中可以显示的对象在排列时所占的位置,实际上就是一个网页内标签正常从上到下,从左到右的排列,比如,块级标签会独占一行,行级标签会在一行显示。- element::before{ content:"伪元素的文本内容";浮动可以使元素【脱离文档流】,【按照指定方向排列】,直到遇到父元素的边界或另一个浮动元素【停止】左浮动,标签向左浮动。...

2022-08-31 21:07:08 63

原创 一Css继承性 二Css优先级 三css叠层性

概念:当样式声明发生冲突时,用户代理需要确定样式声明的最终值,既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ,这个过程就叫做层叠。2.基础选择器的权值:通配符选择器(0)、标签选择器(1)、class选择器(10)、id选择器权值(100)5.权值相同,后写的会覆盖先写的内容 6.复合选择器的权值是所有单一选择器权值的累加。当一个标签被相同的选择器 选择到的时候,相同的样式会发生层叠,遵循就近原则。7.继承样式的优先级为0,子元素设置样式会覆盖继承样式。...

2022-08-31 21:03:04 136

原创 一Css继承性 二优先级

2.基础选择器的权值:通配符选择器(0)、标签选择器(1)、class选择器(10)、id选择器权值(100)——{a标签的字体颜色不能继承父元素的字体颜色color(a标签设置字体颜色需要给自己设置)4.终极boss 最牛一个!——h标签,strong,b标签不能继承父元素的font-weight。1.选择器优先级与权值相关,权值越大,优先级越高,会优先显示谁的样式。—— em i标签不能继承父元素的font-style }表现:后代元素会继承父元素的属性。(一)——Css继承性。...

2022-08-30 16:25:10 347

原创 元素默认显示模式与元素特性总结 一--块级标签总结 二--行级元素特性总结 三--行内块元素特性总结 四--标签转换 五Css显示隐藏 六 vertical-align属性 七 图片下方间隙问题

(3.)换行和空格会被解析 (4.)——具有部分盒模型特征(不可以设置宽高,可以设置padding,不能设置上下外间距,可以设置左右外间距)特殊情况下我们需要进行元素的模式转换,改变默认元素模式使其拥有另一种元素模式的特性,使用display属性能够将三者任意转换。————————————————————给父元素设置line-height:0;.给图片元素设置verticla-align: 为img标签设置垂直对齐方式。...

2022-08-30 15:41:24 229

原创 #CSS 盒模型 1.边框2.外边距问题及解决方法(1)兄弟关系外间距塌陷问题(2)父子关系外间距塌陷 3.overflow 4.CSS背景

一,边框(1). border-width:边框的宽度注意:只写一个border-width设置不上边框的宽的,得写上边框的线型(2 )border-style:边框的线型 1.solid 单实线 2.double 双实线3.dashed 条状虚线 4.dotted 点状边框 5.none 没有边框(3)border-color:边框的颜色 1.关键词 2.十六进制色值 3.rgb() 4.rgba()默认边框的颜色为元素本身的前景色。...

2022-08-29 21:54:30 97

原创 表格CSS 属性,CSS字体 ,文本属性,常用复合选择器:后代,子代选择器/群组选择器/伪类链接选择器/相邻选择器,CSS 盒模型

概述 :CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:外间距、边框、内填充、和实际内容。a:link{ 链接的默认样式 } a:visited{ 链接访问过后的样式 }a:hover{ 鼠标悬停的样式 } a:active{ 鼠标按下的样式 }ps:英文状态下,按下i键,鼠标右键单击,拷贝颜色的十六制进制代码,在代码中ctrl+v粘贴。作用: 使用逗号分隔的列表来对选择器进行分组,给列表中每一个选择器选中的元素设置样式。...

2022-08-26 21:42:30 108

原创 Css引入方式,Css选择器

当读到一个样式表时,浏览器会根据它来格式化 HTML 文档,插入样式表的方法有三种:行间样式表,内部样式表,外部样式。在head标签的内部使用link标签引入在外部新建的css文件,,,头部标签内部使用link标签引用。内部样式概述:在head标签的内部,由style标签包含的样式称为内部样式。- 行间样式适用于某个元素拥有特殊样式时使用,结构 表现【不分离】- 内部样式适用于单个页面拥有特殊样式时使用,结构表现【半分离】- 外部样式适用于多个页面拥有相同样式时使用,结构表现【相分离】...

2022-08-25 20:16:32 152

原创 列表,表格

开始标签中。-- strat属性:开始值 写在 电话 - 3删除多余单元格。从6开始进行倒序-->table- 语法: - 作用:定义表格。内容(定位锚点)语法: 电话

2022-08-24 22:24:01 40

原创 前端基础 块级,行级标签

网址,本地文件,空链接(#占位,跳转到当前页的顶部),伪链接(href="javascript:"假链接,不跳转的)alt:作用:指定替换文本,默认不显示,当图像不能正常显示时,显示该文字对图像进行替换,有利于用户体验。- strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果。3.默认横向显示,水平布局,一行排不下,自动折行。- em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果。1.默认横向显示,水平布局,一行排不下,自动折行。语法:

2022-08-23 22:14:25 372

空空如也

空空如也

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

TA关注的人

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