前端
豆芽菜♀
小白学习
展开
-
html+css+js的完整版轮播图:手动轮播,自动轮播,鼠标移入暂停轮播,可左右切换轮播
html+css+js的完整版轮播图:手动轮播,自动轮播,鼠标移入暂停轮播,可左右切换轮播原创 2022-06-04 19:04:52 · 2578 阅读 · 1 评论 -
安利——练习
浅说一下今天的感想,感觉最折磨我的部分就是高度塌陷。刚开始怎么都不对,找了半天原因也没有找到,过了很长时间才忽然想到了原因——高度塌陷解决高度塌陷的几种比较简单的方法:1.在父元素style内或者在浮动元素下方添加div使用css clear:both2.在父元素内使用overflow:auto3.在父元素内使用overflow:hidden结果展示:全部代码:<!DOCTYPE html><html lang="en"><head>.原创 2022-05-08 18:30:26 · 173 阅读 · 0 评论 -
CSS3之文本阴影、盒子阴影、圆角边框、字体引入
一、文本阴影 <style> div{ /* 6px是水平方向位移 */ /* 5px是垂直方向位移 */ /* 3px是模糊程度 */ /* orange模糊颜色 */ text-shadow: 6px 5px 3px orange; text-shadow: 6px 5px 3px orange,-10px -10px 3px greenyellow原创 2022-05-07 17:11:17 · 138 阅读 · 0 评论 -
多列布局 响应式布局 渐变 动画过渡属性
<link rel="stylesheet" href="font_3370507_6wbc0da8kht/iconfont.css"><style> span.icon-QQ{ font-size: 100px; color: rgb(19, 111, 197); } span.icon-shoucang{ font-size: 100px; color: rgb(248, 78, 10...原创 2022-05-07 20:00:44 · 251 阅读 · 0 评论 -
CSS之窗口自适应、表单
<style> *{ margin: 0; padding: 0; } /* 窗口自适应 */ html,body{ height: 100%; } .box1{ height: 100%; width: 300px; background-color: ..原创 2022-05-05 21:53:48 · 554 阅读 · 0 评论 -
CSS之层级、行内元素转块元素、定位控制元素水平垂直居中、 浮动与定位的区别、锚点
一、层级 <style> *{ padding: 0; margin: 0; } .box1{ width: 200px; height: 200px; background-color: rgb(23, 147, 209); position: relative; le.原创 2022-04-28 22:55:32 · 114 阅读 · 0 评论 -
CSS3之选择器
一、层级选择器 <style> /* +当前元素后面的第一个兄弟*/ .child+li{ background-color: aqua; } /* ~当前元素后面的所有兄弟 */ .child~li{ background-color: antiquewhite; }原创 2022-04-28 22:35:06 · 1489 阅读 · 0 评论 -
CSS之文本、列表、背景、浮动
一、文本属性1.大小,字体,加粗,倾斜,水平对齐<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2022-04-19 22:46:51 · 91 阅读 · 0 评论 -
CSS之盒子模型、溢出属性、元素显示类型、定位、三角形
一、盒子模型 1.1内边距 1.2内边距特性 padding: 20px 30px; /* 内边距 1个值,4个方向一样 2个值,上下,左右 3个值,上 左右 下 4个值,上 右 下 左 */ padding-top:10px; /* 1.背景色蔓延到内边距 2.可以设置单一方向 ...原创 2022-04-26 20:34:36 · 251 阅读 · 0 评论 -
CSS基础样式、选择器
<!DOCTYPE html><html lang="en"><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>Do.原创 2022-04-16 13:44:08 · 167 阅读 · 0 评论