随笔分类 -  CSS+C3+H5

CSS关于默认宽度
摘要：所谓的默认宽度，就是不设置width属性时，元素所呈现出来的宽度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } . 阅读全文
posted @ 2023-11-06 19:05 一叶知秋04 阅读(36) 评论(0) 推荐(0)
CSS定位
摘要：定位在CSS当中是一个比较重要的点，接下来，让我为大家介绍一下定位吧！ 属性描述position-relative相对定位position-absolute绝对定位position-fixed固定定位position-sticky粘性定位position-static静态定位 一、相对定位 给元素设 阅读全文
posted @ 2023-11-06 18:50 一叶知秋04 阅读(25) 评论(0) 推荐(0)
CSS画三角形(三种方法)
摘要：使用CSS画一个三角形，想必部分同学都有一个小疑问，css怎么做三角形，让我为大家介绍一下吧！ 第一种方法 div { width: 0; height: 0; border-style: solid; border-width: 50px; border-color: transparent tr 阅读全文
posted @ 2023-11-01 14:11 一叶知秋04 阅读(2096) 评论(0) 推荐(0)
CSS背景background八种属性
摘要：想必大家对背景不陌生，让我为大家介绍一下吧！ 属性名简述background-color背景颜色background-image背景图片background-position背景定位background-size背景大小background-repeat背景是否平铺background-attach 阅读全文
posted @ 2023-10-27 17:17 一叶知秋04 阅读(1711) 评论(0) 推荐(0)
CSS边框线段样式
摘要：让我为大家介绍一下边框样式吧！如果大家想更进一步了解边框的使用，可以阅读这一篇文章：CSS边框border 属性描述none没有边框,即忽略所有边框的宽度(默认值)solid边框为单实线dashed边框为虚线dotted边框为点线double边框为双实线 代码演示： <!DOCTYPE html> 阅读全文
posted @ 2023-10-23 09:14 一叶知秋04 阅读(72) 评论(0) 推荐(0)
CSS显示隐藏的三种方法
摘要：在我们网页开发时，我们通常会使用到显示或隐藏某一个元素，那我们如何实现显示与隐藏呢，让我为大家介绍一下CSS中显示隐藏的方法吧！ 基础的样式布局 显示效果隐藏效果display:blockdisplay:nonevisibility:visiblevisibility:hiddenopacity:1 阅读全文
posted @ 2023-10-15 11:25 一叶知秋04 阅读(1039) 评论(0) 推荐(0)
HTML表单中常用的type类型
摘要：在我们没接触到html5之前，input中的type类型也是够多的，让我为大家介绍几种常用的type类型吧！ 本人文笔有限，如有不对的地方可以向我提出，感谢大家。 常用的type类型： type类型简述text文本框password密码框radio单选checkbox复选框button按钮 <!-- 阅读全文
posted @ 2023-10-13 15:13 一叶知秋04 阅读(97) 评论(0) 推荐(0)
CSS的书写位置
摘要：1.内部 var code = "cd7dbb52-3303-494d-b475-3d6191a88250" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内部</title> <!-- 内部位置 --> 阅读全文
posted @ 2023-09-18 12:17 一叶知秋04 阅读(20) 评论(0) 推荐(0)
CSS元素转换(简单易懂)
摘要：我想大家在写代码时有一个疑问，块级元素可以转换成其他元素吗？ 让我为大家介绍一下元素转换 1.display:block(转换成块元素) display：block可以把我们的行内元素或者行内块元素转换成块元素 接下来让我为大家演示一下： <!DOCTYPE html> <html lang="en 阅读全文
posted @ 2023-09-18 09:19 一叶知秋04 阅读(100) 评论(0) 推荐(0)
CSS清除浮动之after伪元素(含代码，复制可用)
摘要：在我们布局中，使用浮动会让我们元素脱离文档流，会影响接下来的布局，所以我们需要消除浮动，让我为大家介绍一种非常常用的一种清除浮动的方法吧！ after伪元素清除浮动 /* 给需要浮动元素的父级元素添加上clearfix类名即可 */ .clearfix::after { content: ""; d 阅读全文
posted @ 2023-09-17 16:04 一叶知秋04 阅读(91) 评论(0) 推荐(0)
CSS设置单行文字水平垂直居中
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单行文字水平垂直居中</title> <style> div { /* 给div设置宽高 */ width: 400px; height: 200px; mar 阅读全文
posted @ 2023-09-17 15:38 一叶知秋04 阅读(26) 评论(0) 推荐(0)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
摘要：1.文本单行情况下溢出显示省略号 单行情况下需要满足三大条件: 1. 文本先强制一行显示文本 2. 文本超出的部分隐藏 3. 文本超出的部分用省略号代替 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2023-09-16 20:23 一叶知秋04 阅读(253) 评论(0) 推荐(0)
css边框border(含代码,易懂)
摘要：css中边框有很多的属性方法，让我为大家介绍一下吧！ 1.边框样式(border-style) 常用属性简单介绍none没有边框,即忽略所有边框的宽度(默认值)solid设置边框为实线dashed设置边框为虚线dotted设置边框为点线double设置边框为双实线 如下代码： <!DOCTYPE h 阅读全文
posted @ 2023-09-14 16:43 一叶知秋04 阅读(1004) 评论(0) 推荐(0)