随笔分类 -  麻瓜编程-1

8 定制10MINs 3
摘要：1. 2. 3. 4. 5. 6.没有反应。检查bug 没有反应。检查bug 7. 8. 9. 10 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>10Mins</title> <link rel="stylesheet" h 阅读全文
posted @ 2017-12-20 20:53 venicid 阅读(138) 评论(0) 推荐(0)
7 定制10MINs首页2
摘要：1.添加 2 分3栏 3. 线 label 图标 span标签 单栏目 <div class="ui three column grid"> <div class="column"> <div class="ui inverted segment"> <h3>Title's here</h3> <h 阅读全文
posted @ 2017-12-20 16:09 venicid 阅读(192) 评论(2) 推荐(0)
5-1 练习css 总结
摘要：1. 2.练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css总结</title> <link rel="stylesheet" href="css/semantics.css" media="screen" title 阅读全文
posted @ 2017-12-20 14:34 venicid 阅读(156) 评论(0) 推荐(0)
6.定制10MINS首页1
摘要：原始代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>First landing page</title> <link rel="stylesheet" href="css/semantic.css" media="scre 阅读全文
posted @ 2017-12-20 12:55 venicid 阅读(189) 评论(1) 推荐(0)
3-1 练习 HTML 总结
摘要：1.段落 2.标题 3.菜单menu 4.图片 5.图标 6.网格系统 7.按钮 自己练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基于SOA的工作流系统</title> <link rel="stylesheet" h 阅读全文
posted @ 2017-12-19 19:07 venicid 阅读(201) 评论(0) 推荐(0)
5. css定位 居中
摘要：1.准备工作 （1）添加背景图片 （2）背景图片格式 （3）全部添加 （4）添加个小花 2.相对定位relative （1）相对定位 position: relative; （2）添加图像的原点 3.绝对定位absolute （1）添加背景颜色 （2）插一个黄花 （3）绝对定位 （4）绝对定位的理解 阅读全文
posted @ 2017-12-19 17:10 venicid 阅读(214) 评论(0) 推荐(0)
4 CSS的20/80个知识点
摘要：1.css的基本构成 样式选择器 id选择器 元素选择器 2.css的盒模型 border padding margin 3.Atom快捷键 4.程序 （1）初始程序 （2）border外边框 （3）backgroud：背景颜色 （4）margin 外攘.注意分号； （5）padding 内推 （6 阅读全文
posted @ 2017-12-19 15:27 venicid 阅读(180) 评论(0) 推荐(0)
3 网格 landing page
摘要：0.大框架 添加图片 1.用menu做header部分 （1）添加item和menu 菜单用来展示操作集。 fixed 菜单固定 （2）a标签 2.用网格系统做内容部分 网格系统 https://960.gs/ 16格 （2）.添加图标 icon （3）消除多余的黑边 basic 基本段落没有什么特 阅读全文
posted @ 2017-12-19 14:23 venicid 阅读(193) 评论(0) 推荐(0)
1 HTML + CSS
摘要：1.HTML的基础用法 2.标签的嵌套 3.常见的网页结构 header content footer 阅读全文
posted @ 2017-12-19 12:06 venicid 阅读(167) 评论(0) 推荐(0)
2 semantic ui 框架的应用
摘要：为什么使用css框架 1.使用基础样式 ： ui segment 分段:内容片段 分段:内容片段 2.使用形容词改变样式 （1）inverted + colors 按钮可以被设置为暗色背景（幽灵按钮） inverted 翻转格式 （2）.垂直段落:vertical （3）.Padded 内距 A s 阅读全文
posted @ 2017-12-19 00:25 venicid 阅读(856) 评论(0) 推荐(0)