css
关注
分享
扫一扫
郭振澳
对新技术比较热情，愿意和大家交流，一起共同进步
展开
-
1.视频标签
视频标签 video controls autoplay 自动播放 loop 循环播放 src 地址 source 不同浏览器兼容不同的格式例子：<!DOCTYPE html><html><head> <meta charset="utf原创 2017-07-01 11:46:05 · 182 阅读 · 0 评论 -
18.字体图标
字体图标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> @font-face{ font-family:'zhoudao'; src: url('./fonts/iconf原创 2017-07-01 12:44:30 · 397 阅读 · 0 评论 -
8.选择器
选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> b{ font-size:25px; } #nurse{ /* 系统文件字体 C原创 2017-07-01 12:24:09 · 208 阅读 · 0 评论 -
20.外边距
外边距<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内外边距</title> <style> body{ margin:0; } .box{ width: 100px;原创 2017-07-02 11:25:15 · 268 阅读 · 0 评论 -
21.外边距
外边距<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>外边距</title> <style> .father{ width: 500px; height: 500px; background-color:orange;原创 2017-07-02 11:25:36 · 195 阅读 · 0 评论 -
22.定位
定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; } .box1{原创 2017-07-02 11:25:49 · 223 阅读 · 0 评论 -
23.定位
定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .father{ width: 500px; height: 500px; background原创 2017-07-02 11:26:04 · 253 阅读 · 0 评论 -
24.overflow
overflow<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ overflow-x: hidden; } .box{ widt原创 2017-07-02 11:26:17 · 257 阅读 · 0 评论 -
25.float
float<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>float</title> <style> .u1{ /*overflow:hidden;*/ } .clearfix:before{原创 2017-07-02 11:26:28 · 311 阅读 · 0 评论 -
26.不透明度
不透明度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin:0; padding:0; } .back{原创 2017-07-02 11:26:38 · 218 阅读 · 0 评论 -
27.显示的优先级
显示的优先级<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; position:a原创 2017-07-02 11:26:53 · 234 阅读 · 0 评论 -
28.兼容模式
兼容模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ::-moz-selection{ color:red; background: green; }原创 2017-07-02 11:27:03 · 181 阅读 · 0 评论 -
29.布局
布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>布局</title> <style> /* css初始化样式 */ body{min-width:1000px;} body,ul,ol,li,p,div,img,b,i,u,h1,原创 2017-07-02 11:27:15 · 179 阅读 · 0 评论 -
30.transition
transition<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; backgr原创 2017-07-02 11:27:30 · 246 阅读 · 0 评论 -
31.transition
transition<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background-color: #F5F5F5; } div{原创 2017-07-02 11:27:43 · 219 阅读 · 0 评论 -
32.transition
transition<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 给整个父级 设置宽高, 超出部分隐藏 */ figure{ position:relative;原创 2017-07-02 11:27:55 · 252 阅读 · 0 评论 -
33.transition-rotate
transition-rotate<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 400px; margin:100px a原创 2017-07-02 11:28:07 · 382 阅读 · 0 评论 -
19.块级元素
块级元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块级元素</title> <style> .box{ border:1px solid red; height:100px; line-hei原创 2017-07-01 12:46:13 · 197 阅读 · 0 评论 -
2.表格
表格 table border height 高 width 宽 cellpadding 内边距 cellspacing 外边距 bgcolor 背景颜色 background原创 2017-07-01 11:57:46 · 226 阅读 · 0 评论 -
3.表单标签
表单表单 form action 将表单传送到哪里文件 method post 隐蔽传输 安全性高 效率低 传输大小无限制(根据服务器的处理能力) 增删改操作 get url传输 安全性低 效率高 传输大小 < 2K原创 2017-07-01 12:07:32 · 314 阅读 · 0 评论 -
4.内联分帧
内联分帧<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>内联分帧</title></head><body> <!-- iframe 内联分帧 是可以与body共存 常用于 做 网页广告 src 链接地址原创 2017-07-01 12:12:29 · 194 阅读 · 0 评论 -
5.head常用标签
head常用标签<!DOCTYPE html><html lang="en"><head> <!-- 设置编码方式 utf-8 :万国码 GBK GB2312 中文编码 --> <meta charset="UTF-8" /> <!-- description 网页描述 --> <meta name='description' content原创 2017-07-01 12:13:48 · 185 阅读 · 0 评论 -
6.H5标签
H5标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>H5标签</title></head><body> <!-- H5 标签 1. details 描述标签 summary 描述标题 2. d原创 2017-07-01 12:16:28 · 248 阅读 · 0 评论 -
6.css基础
css基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>css基础</title></head><body> <!-- 文本格式 html文件 **.html css文件 **.css原创 2017-07-01 12:19:48 · 218 阅读 · 0 评论 -
7.导入方式
导入方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> p{ color:yellow; } </style> <link rel="stylesheet" hr原创 2017-07-01 12:21:12 · 181 阅读 · 0 评论 -
9.选择器
选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> b, i{ color:red; } b:hover{ color:green;原创 2017-07-01 12:27:49 · 187 阅读 · 0 评论 -
10.权值
权值“` Document原创 2017-07-01 12:29:57 · 290 阅读 · 0 评论 -
11.字体
字体“` 字体原创 2017-07-01 12:33:51 · 229 阅读 · 0 评论 -
12.背景属性
背景属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>背景属性</title> <style> .box{ /* width:300px; */ height:500px; border:5p原创 2017-07-01 12:34:26 · 220 阅读 · 0 评论 -
13.border
border<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> .box{ width:100px; height:100px; backgroun原创 2017-07-01 12:34:52 · 208 阅读 · 0 评论 -
14.边框
边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table{ /* 边框合并 */ border-collapse:collapse; }原创 2017-07-01 12:40:55 · 189 阅读 · 0 评论 -
15.文本
文本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本</title> <style> p{ text-indent:2em; } a{ text-decoration:none; } p{原创 2017-07-01 12:41:26 · 195 阅读 · 0 评论 -
16.列表
列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表</title> <style> li{ list-style:none; list-style-type:disc; list-style-原创 2017-07-01 12:43:20 · 189 阅读 · 0 评论 -
17.鼠标样式
鼠标样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ width: 200px; height: 200px; background-原创 2017-07-01 12:44:08 · 232 阅读 · 0 评论 -
34.css总结
css总结1. 清除浮动的第三种方法清除浮动方法3:::before ::after{ content:''; display:table; clear:both; }2 超出部分隐藏 overflow:hidden ;3 优先级原创 2017-07-02 11:42:44 · 243 阅读 · 0 评论