![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 64
猎户李铁柱
这个作者很懒,什么都没留下…
展开
-
使用swiper制作简单的自动轮播效果
目录swiper插件1.引入jQuery库2.引入插件swiper3.引入swiper插件中的css样式导入图片实现轮播图自动切换效果首先创建一个html页面,然后依次引入插件。2.引入插件swiper3.引入swiper插件中的css样式导入图片1.引入本地已经下载好的图片或者在网上提取出来的图片使用插件 相当于开关,true表示开启~不仅可以自动切换,也可以用鼠标点击手动切换。...原创 2022-07-08 10:36:31 · 9847 阅读 · 0 评论 -
HTML常见面试题
IE:trident内核 [‘traidnt ]Firefox:gecko 内核 [ˈɡekəʊ]Safari:webkit 内核Chrome,Opera:Blink内核(基于webkit) 声明位于文档中的最前面的位置,此标签告知浏览器文档使用哪种HTML或XHTMl规范(重点:告诉浏览器按照何种规范解析页面)严格模式下:页面排版及 JS 解析是以该浏览器支持的最高标准来执行混杂模式:不严格按照标准执行,主要用来兼容旧的浏览器,向后兼容不存在...原创 2022-07-07 11:09:30 · 674 阅读 · 3 评论 -
css实现网页中鼠标移入出现下拉框
hover效果原创 2022-07-06 21:37:29 · 2065 阅读 · 1 评论 -
CSS——背景样式、雪碧图、渐变色
1: background-color 设置背景颜色2:background-image来设置背景图片 - 语法:background-image:url(相对路径); -可以同时为一个元素指定背景颜色和背景图片, 这样背景颜色将会作为背景图片的底色 -图片在元素中的位置 如果背景图片小于元素大小,则会默认将背景图片平铺以充满元素 如果背景图片大于元素,默认会显示图片的左上角 如果背景图片和元素一样大,则会将背景图片全部显示原创 2022-07-01 17:04:52 · 387 阅读 · 0 评论 -
CSS——定位、层级与透明效果
目录1、相对定位2、绝对定位3、固定定位4、粘滞定位5、绝对定位元素布局6、层级以及透明效果定位: 更加高级的布局手段 - 定位指的就是将指定的元素摆放到页面的任意位置 通过定位可以任意的摆放元素 - 通过position属性来设置元素的定位 -可选值: static: ['stætik] 默认值,元素没有开启定位 relative: ['relətiv] 开启元素的相对定位 absolute:原创 2022-06-30 18:58:51 · 1205 阅读 · 0 评论 -
css——高度塌陷与图标字体
一般情况父元素的高度不会写死,让他被内容撑开 高度塌陷 设置元素脱离文档流,那就无法撑开父元素的高度,导致父元素的高度丢失 使得页面布局发生混乱 这就叫高度塌陷 解决方案一: 将父元素高度固定住 不推荐使用2、 高度塌陷解决方案二高度塌陷解决方案二: 页面元素中的隐含属性:Block Formatting Context 即块格式化上下文,简称BFC 当开启元素的BFC以后,元素会变成一个独立的布局区域,原创 2022-06-29 20:44:56 · 256 阅读 · 0 评论 -
CSS——浮动效果及特点
目录1、简介2、浮动的特点3、W3导航条示例4、布局示例块元素在文档流中默认垂直排列,所以这个三个div自上至下依次排开, 如果希望块元素在页面中水平排列,可以使块元素脱离文档流使用float来使元素浮动,使一个元素向其父元素的左侧或右侧移动,从而脱离文档流 可选值: none,默认值,元素默认在文档流中排列 left,向页面的左侧浮动 right,向页面的右侧浮动浮动的特点1:浮动元素会脱离文档流,元素脱离文档流以后,不会再占用文档流的位置,它下边的元素会立即向上移动2:元素浮动以后原创 2022-06-28 20:37:52 · 1646 阅读 · 0 评论 -
CSS——水平布局、垂直布局、阴影与圆角
目录1、水平布局2、垂直布局3、阴影与圆角4、内联元素盒子5、外边距重叠6、盒子大小 水平方向 margin-left border-left padding-left width padding-right border-right margin-right 浏览器规定 水平方向的七个值相加必须要等于父元素内容区的宽度 0 5px 50px 100px 50px 5px 0 ==500 ? 像以上这种,如果不等于的话,浏览器它就会自己去调整这7个值,让我们的等式成立,这个过程原创 2022-06-27 20:19:10 · 207 阅读 · 0 评论 -
CSS——文档流及盒子模型样式设置
目录1、文档流2、盒子模型3、盒子边框4、盒子内边距5、外边距6、默认样式文档流(normal flow) 网页是一个多层的结构,设置样式样式,也是一层一层的设置,最终我们看到的最上面的一层 文档流是网页最底层 我们创建的元素默认情况下,都在文档流中 元素分为两种状态:在文档流中,脱离文档流 元素在文档流中的特点 块元素 1:会独占一行 2:块元素原创 2022-06-24 16:29:00 · 273 阅读 · 0 评论 -
CSS——文本样式及分类
目录1、长度单位2、颜色单位3、字体样式4、字体分类5、字体的其他样式6、行间距7、文本样式长度单位 1:像素 px 像素是屏幕上一个个的小正方形,我们正常看不到的,需要放到最大,才能看到 px是固定的单位,px也是非常常用单位 2:百分比 % 相对于其父元素的宽高比,是相对单位,一般用来做响应式的布局 3、em 相对于当前元素的字体大小来改变长度,如果当前元素没有设置字体大小,原创 2022-06-23 20:31:25 · 1688 阅读 · 0 评论 -
CSS——选择器的使用
2、复合选择器3、关系选择器4、属性选择器5、伪类选择器6、选择器的权重原创 2022-06-22 22:30:04 · 502 阅读 · 0 评论 -
6.21html
列表(list) 一组一组 1:有序列表 用ol标签创建,li表示列表项 2:无序列表 用ul标签创建,li表示列表项 3:定义列表 用dl标签创建,使用dd对内容进行解释说明 注意:列表之间是可以互相嵌套的 ol ul dl li 都是块元素 通过type属性更改列表的项目符号 有序列表 项目符号:1(默认值)、a、A、i、I 无序列表 项目原创 2022-06-21 15:27:20 · 128 阅读 · 0 评论 -
html1
常用标签3、块元素,行内元素4、结构标签原创 2022-06-20 16:05:52 · 91 阅读 · 0 评论