css3
MerryMe2020
性能测试、自动化测试、测试开发分享
展开
-
css3 注册页面
样式代码 <style> * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family:'Microsoft JhengHei', '微软雅黑', STXihei; background: #344a72; color:原创 2021-01-14 21:39:19 · 235 阅读 · 0 评论 -
css3 定位static、sticky、relative、.absolute和fixed
body中代码如下<body> <div id="box-1" class="box"></div> <div class="container"> <div id="box-2" class="box"></div> <div id="box-3" class="box"></div> </div> <原创 2021-01-14 16:11:50 · 137 阅读 · 0 评论 -
css3 inline、 block、inline-block
把三个li标签放一行显示body代码 <ul> <li><a href="#">首页</a></li> <li><a href="#">关于</a></li> <li><a href="#">联系</a></li> </ul>样式代码如下 li...原创 2021-01-13 23:06:07 · 138 阅读 · 0 评论 -
css3 侧边导航和横向导航
1.body中代码如下<!-- 横向--><ul class="navbar"> <li><a href="#">主页</a></li> <li><a href="#">空间</a></li> <li><a href="#">用户</a></li> <li><a href="#"&g原创 2021-01-13 01:35:05 · 278 阅读 · 0 评论 -
css3 盒子模型
CSS盒子模型CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):盒子模型概念及图来源于:https://www.runoob.com/css/css-boxmodel.html示例代码 .box.原创 2021-01-08 21:47:47 · 127 阅读 · 0 评论 -
css3 背景和边框
设置背景和边框示例代码1/* 设置背景颜色 *//* background-color: blanchedalmond; *//* background-color: rgb(100, 200 255); */background-color:#f4f4f4;/*** 边框设置-具体到属性 **/border-width: 1px /**设置边框宽度 */border-color: blue /**设置边框颜色 */ border-style:dotted /** 设置边框原创 2021-01-08 01:33:45 · 172 阅读 · 1 评论 -
css3 颜色的写法
1.color name/* color name */color: red;2.RGB和RGBA /** RGB *//* color: rgb(red, green, blue);,这三种颜色混合到一起生成各种各样的颜色 *//*如果3个都是0,则是黑色,取值范围为0-255*/color: rgb(255, 0, 0); /** RGBA *//* alpha,透明度,取值0-1 *//* color: rgba(red,green,blue,alpha); */原创 2021-01-08 00:08:34 · 197 阅读 · 0 评论 -
CSS3 字体相关设置
1.设置英文字体/*设置英文字体*/font-family:Arial, Helvetica, sans-serif;2.设置中文字体两种 /* 第一种设置方式 */font-family:'Microsoft JhengHei', '微软雅黑', STXihei; /* 第二种设置方式 */font-family: '华文细黑', 'SimSun', '宋体';3.设置字体大小/*设置字体大小,默认16px*/font-size: 18px;4.设置字体之间行高原创 2021-01-07 22:05:22 · 289 阅读 · 0 评论 -
CSS3 书写形式及选择器种类
1.CSS三种书写形式行内样式<h1 style="color: red">测试驿站</h1>内联样式<style> /*选择器*/ h1 { color: green; }</style>外联样式创建一个stycle.css文件/* 外联样式 */h3{ color: blue;}在html文件中,通过link标签引入 <link rel="styleshee原创 2021-01-07 21:43:16 · 367 阅读 · 0 评论