![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 73
谢迅
这个作者很懒,什么都没留下…
展开
-
jQuery入门(二)
1、jQuery 事件注册$(“div”).click(function(){ 事件处理程序 })$('div').click(function(){ //事件处理函数 })其他事件和原生基本一致。 比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等2、事件处理 on() 绑定事件2.1、on() 方法在匹配元素上绑定一个或多个事件的事件处理函数2.2.原创 2022-05-23 13:02:15 · 97 阅读 · 0 评论 -
Ajax-入门(一)
1、URL(统一资源定位符)用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源。常见的URL举例:http://www.baidu.com http://www.cnblogs.com/liulongbinblogs/p/11649393.htmlURL地址一般由三部组成:① 客户端与服务器之间的通信协议 ② 存有该资源的服务器名称 ③ 资源在服务器上具体的存放位置2、 客户端与服务器的通信过程注意: 客.原创 2022-05-22 08:27:54 · 70 阅读 · 0 评论 -
移动Web(四)-响应式(BootStrap)
1、媒体查询目标:能够根据设备宽度的变化,设置差异化样式 l min-width(从小到大) l max-width(从大到小) l 需求 Ø 默认网页背景色是灰色 Ø 屏幕宽度在768-992之间, 网页背景色是粉色 Ø 屏幕宽度在992-1200之间, 网页背景色是skyblue Ø 屏幕宽度大于1200, 网页背景色是绿色...原创 2022-05-19 12:31:37 · 310 阅读 · 0 评论 -
移动web(三)-less
1、移动适配 rem : 目前多数企业在用的解决方案 vw / vh:未来的解决方案屏幕宽度不同,网页元素尺寸不同(等比缩放) px单位或百分比布局可以实现吗? px单位是绝对单位 百分比布局特点宽度自适应,高度固定 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML字号大小2、rem移动适配 - 媒体查询 媒体查询能够检测视口的宽度,然后编写差异化的 CSS 样式 当某个条件成立, 执行对应的CSS样式...原创 2022-05-16 23:29:33 · 89 阅读 · 0 评论 -
移动web(二)
1、空间转换 目标:使用transform属性实现元素在空间内的位移、旋转、缩放等效果 l 空间:是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。 l 空间转换也叫3D转换 l 属性:transform...原创 2022-05-11 12:19:34 · 55 阅读 · 0 评论 -
DOM入门(一)
DOM树是什么 将 HTML 文档以树状结构直观的表现出来,我们称之为文档树或 DOM 树 作用:文档树直观的体现了标签与标签之间的关系 document 对象 是 DOM 里提供的一个对象 所以它提供的属性和方法都是用来访问和操作网页内容的 例:document.write() 网页所有内容都在document里面二、获取DOM对象1.1 选择匹配的第一个元素1.2 选择匹配的多个元素 ...原创 2022-03-28 13:34:29 · 4653 阅读 · 0 评论 -
css3基础入门(二)
1、盒子模型作用: 控制元素的显示效果包括: 尺寸,元素位置,边框,元素内容的位置 盒子模型: 内容+外边距+边框+内边距 内容:content: 负责控制元素的尺寸 外边距:margin:负责控制元素的位置 边框:border:负责控制元素的边框1px solid red 内边距:padding:负责控制元素内容的位置盒子模型之内容Contentwidth/height 赋值方式: 像素: 200px 上级元素的百分比: 50% 盒子模型之外边距margin ...原创 2022-05-03 12:24:32 · 449 阅读 · 0 评论 -
css3基础入门(一)
CSS层叠样式表 作用: 负责美化页面 (装修)如何在html页面中添加CSS样式代码内联样式:在标签的style属性中添加样式代码, 弊端:不能复用内部样式:在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用外部样式:在单独的css样式文件中写样式代码, 在html页面中通过link标签引入, 可以多页面复用,可以将样式代码和html代码分离开.工作中外部样式使用的最多, ...原创 2022-03-06 00:47:24 · 282 阅读 · 0 评论 -
前端-HTML
Git地址https://gitee.com/teduliu/cgb2112.git课程介绍web前端: 学习如何搭建页面,如何美化页面,如何给页面添加动态效果MySQL数据库:学习如何对数据进行增删改查SpringBoot: 学习如何接收客户端请求,以及如何响应请求,并将页面展示,业务逻辑,数据存储三大部分整合项目HTML作用: 负责搭建页面结构和内容 (盖房子毛坯房)HyperTextMarkupLanguage: 超文本标记语言超文本: 指不仅仅是纯文本,还包括字体和多媒体(图片原创 2022-03-03 13:11:09 · 72 阅读 · 0 评论 -
swiper-轮播图使用教程
Swiper 使用方法1.首先加载插件,需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件,不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN。<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="dist/css/swiper-bundle.min.css"></head&g原创 2022-04-08 23:18:59 · 5051 阅读 · 0 评论 -
js高级篇
css定义了这个div的overflow“auto”的属性,还有就是要给这个div一个适合这个页面的宽度。这样,当“box”里面的内容宽度大于css定义的宽度时,就会出现滚动条了。里面的内容可以是表格,也可以是图片等等overflow的auto值很像scroll,它唯一解决的是在你不需要的时候也会出现滚动条的问题。auto属性只会在它需要的时候给盒子一个滚动条。滚动事件(scroll) 当页面进行滚动时触发的事件 为什么要学? 很多网页需要检测用户把页面滚动到某个区域原创 2022-04-03 00:50:09 · 411 阅读 · 0 评论