1 使用label + input实现元素的隐藏和显示 以下代码点击‘菜单’可以实现li列表的显示和隐藏： <style type="text/css"> *{ margin: 0; padding: 0; } input, ul{ display: none; } input:checked ~ ...
分类：
Web程序 时间：
2020-03-27 13:04:42
阅读次数：
542
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="css/style.css"/> 7 <st ...
分类：
Web程序 时间：
2020-03-26 12:03:24
阅读次数：
91
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-st ...
分类：
Web程序 时间：
2020-03-24 15:59:22
阅读次数：
105
横向布局 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>1</title> 6 <style type="text/css"> 7 *{margin:0;padding: 0;} 8 body{ 9 ...
分类：
其他好文 时间：
2020-03-24 13:21:16
阅读次数：
70
浮动元素的脱标（脱离标准流） <style type="text/css"> .box1{width: 100px;height: 100px;background-color: aqua; float: left; } .box2{width: 150px;height: 150px;backgr ...
分类：
Web程序 时间：
2020-03-23 15:04:39
阅读次数：
70
网页中加css的方式有四种 1、内嵌式样式表：直接写在现有的标记中，如： <p style="color:red">这里文字是红色的</p> 2、嵌入样式表:使用“<style></style>”标签嵌入到HTML文件的头部中<head>标记内，如: <style type="text/css"> ...
分类：
Web程序 时间：
2020-03-22 14:18:57
阅读次数：
78
HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="style.css" type="text/css" rel="styleshe ...
分类：
Web程序 时间：
2020-03-21 18:00:45
阅读次数：
85
效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>风景</title> 6 <link href="style.css" type="text/css" rel="sty ...
分类：
其他好文 时间：
2020-03-21 14:29:43
阅读次数：
58
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 *{margin: 0;padding: 0;} 8 html,body{height ...
分类：
其他好文 时间：
2020-03-16 23:46:58
阅读次数：
74
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>自元素浮动导致父元素塌陷解决方案</title> <style type="text/css"> /* 1在父级元素中添加overflow:hidden; 2.在父 ...
分类：
其他好文 时间：
2020-03-15 10:05:19
阅读次数：
55
