CSS基础
关注
分享
扫一扫
憨憨励志学前端
刚学前端的小菜鸟，求大神指点！
展开
-
UI事件和鼠标事件
1.load当页面完全加载后在window上触发图片也可以触发load事件2.resize当窗口大小变化在window上触发3.scroll当用户滚动带滚动条的元素的内容时，在该元素上面1.onclick(单击)2.ondblclick(双击)3.oncontextmenu(右键菜单)4.onmouseover(移入)5.onmouseout(移出)6.onmouseenter(移入)7.onmouseleave(移出)8.onmousedown(按下)9.onmouseup(抬起)1原创 2022-06-02 19:17:22 · 267 阅读 · 0 评论 -
CSS：手风琴代码
手风琴图片代码示例<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g原创 2022-05-19 18:34:29 · 216 阅读 · 0 评论 -
CSS：倒计时案例
倒计时代码案例<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2022-05-19 18:31:33 · 812 阅读 · 0 评论 -
css动画之大套套小块
文章目录一、代码二、图示总结一、代码 @keyframes roll { from { transform: rotateX(0) rotateY(0) rotateZ(0); } to { transform: rotateX(360deg)原创 2022-05-05 21:26:22 · 91 阅读 · 0 评论 -
css：动画和轮播图
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、轮播图代码二、动画代码思维导图总结总结一、轮播图代码```css <style> * { padding: 0; margin: 0; }@keyframes roll{ 0%{ left:0 ; } 23%{ left:0 ; } 25%{ .原创 2022-04-29 08:43:12 · 106 阅读 · 0 评论 -
利用定位制作QQ企鹅
代码 <style> * { padding: 0; margin: 0; } .qq { width: 400px; height: 400px; background-color: pink; position: relative; } .qq div {原创 2022-04-24 18:19:31 · 173 阅读 · 0 评论 -
表格和表单
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、表格1.代码2.读出数据二、表单1.代码2.读出数据思维导图一、表格1.代码 <style> table { border-collapse: collapse; border: aqua 1px solid; } .t1 { background-color: brown; .原创 2022-04-22 19:32:44 · 195 阅读 · 0 评论 -
css：分类和导航
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一.分类1.代码2.图片示例导航1.代码2.图片示例一.分类1.代码代码如下（示例）：<style> *{ padding: 0; margin: 0; list-style: none; } li p{ background-color:rgb(246, 247, 248) ; color: rgb(126,.原创 2022-04-17 15:41:53 · 1086 阅读 · 0 评论 -
css：图文组合
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、前言二、案例1.上下排列代码如下导出图片2.左右排列代码如下导出图片一、前言图文组合是页面中常见的布局，大致可以分为三类：上下排列，左右排列，以及图文混排。下面结合几个案例，进行解释。二、案例1.上下排列代码如下<style> *{ margin: 0; padding: 0; list-style: 0; } .box1{ .原创 2022-04-17 15:26:38 · 638 阅读 · 0 评论 -
CSS基础
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、常用引入方式1.外部样式2.内部样式 前言CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。一、常用引入方式常用引入方式分为三种:外部样式，内部样式，内联样式，下面一一来进行详细的讲解1.外部.原创 2022-04-13 20:47:00 · 60 阅读 · 0 评论