![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
文章平均质量分 77
HTML/css
itsAurora
这个作者很懒,什么都没留下…
展开
-
html右侧小菜单移入移出模板
html/js<div class="flex" id="div1"> <div class="flex_text"> <div class="title"> <div>主</div> <div>题</div> <div>网</div> .原创 2020-09-27 15:35:45 · 1373 阅读 · 0 评论 -
html搜索框按钮模板
点击移入有阴影html<div class="last_right three" style="width: 25%;"> <h2> <span class="last_text">SEARCH</span> <span style="float: right;margin-left: 20px;font-size: 14px;col.原创 2020-09-27 15:22:18 · 5524 阅读 · 0 评论 -
HTML标题模板
html<div class="title"> <h2 class="main_title"> <img src="../img/duihuakuang.png"> <span style="color: rgb(28,78,130);font-size: 17px;margin-left: 9px;">通知公告</.原创 2020-09-27 15:16:01 · 2040 阅读 · 0 评论 -
HTML三联模板
HTML部分<div class="main"> <div class="main_con con"> <!-- 左栏快捷方式 --> <div class="main_left three" style="width: 20%;"> <h2> <span class="main_text">快捷方.原创 2020-09-27 15:08:09 · 1368 阅读 · 0 评论 -
HTML表格
<table id="tab1" border="1" width = "500"> <thead> <td>ID</td> <td>姓名</td> <td>年龄</td> </thead> <tbody> <tr> ...原创 2020-07-21 20:31:56 · 1109 阅读 · 0 评论 -
弹性盒子Flex Box
弹性盒子布局任何元素都可以被指定为Flex布局设为Flex布局后,子元素的float clear vertical-align将失效概念main axis:主轴cross axis:交叉轴主轴的开始位置:main start;结束位置:main end;交叉轴的开始位置:cross start;结束位置:cross end;项目默认沿主轴排序。单个项目占据的主轴空间:main size;占据的交叉轴空间:cross size;容器属性flex-direction决定主轴方向转载 2020-07-11 15:14:03 · 1202 阅读 · 0 评论 -
CSS(三)
浮动float:left/righthtml部分 <div class="wrapper"> <div class="content1">1</div> <div class="content1">2</div> <div class="content1">3</div> </div> <div class="wrapper"> <div原创 2020-07-04 17:48:24 · 1063 阅读 · 0 评论 -
CSS(二)
CSS代码文本对齐text-align:left(默认)/center(居中)/right(右对齐);文本行高(行间距)line-height:xxpx首行缩进text-indent:xx;单位 px(像素),em(1 em = 1 font-size)文本装饰(上中下划线)text-decoration:line-through(中划线)/underline(下划线)/none原创 2020-07-01 20:52:55 · 1114 阅读 · 0 评论 -
CSS(一)
引入css的三种方式行间样式<div style=""></div> 2.页面级css<head> <meta charset="UTF-8"> <title>Document</title> <style> </style>  原创 2020-06-30 20:41:10 · 1091 阅读 · 0 评论 -
HTML
基础标签P标签<p>段落标签,成段显示</p>h1~h6标签<h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h5>标题</h5> <h6>标题</h6>加粗<p>普通字体</p><stron原创 2020-06-29 21:06:33 · 1041 阅读 · 0 评论