标签：
1 // 2 // ViewController.m 3 // IOS_0218_网页开发1 4 // 5 // Created by ma c on 16/2/18. 6 // Copyright © 2016年 博文科技. All rights reserved. 7 // 8 9 #import "ViewController.h" 10 11 @interface ViewController () 12 13 @property (weak, nonatomic) IBOutlet UIWebView *webView; 14 15 @end 16 17 @implementation ViewController 18 19 /* 20 一、UIWebView 21 1.什么是UIWebView 22 1>UIWebView是IOS内置浏览器控件 23 2>系统自带的Safari浏览器就是通过UIWebView实现的 24 25 2.UIWebView不但能加载远程的网页资源，还能在家大部分常见文件 26 1>html\htm 27 2>pdf\doc\ppt\txt 28 3>... 29 30 二、网页的组成 31 1.HTML（网页的具体内容和结构） 32 2.CSS（网页的样式，美化网页最重要的一块） 33 3.JavaScript（网页的交互效果，比如对用户鼠标事件做出响应） 34 4.学习资料：http://www.w3school.com.cn/ 35 36 三、HTML 37 1.全称：Hyper Text Markup Language，超文本标记语言 38 2.其实就是文本，由浏览器将它解析成具体网页内容 39 3.HTML组成：N个标签组成 40 5.语法松散，最新版本HTML5 41 6.常见标签： 42 1>标题：h1,h2,h3 43 2>段落：p 44 3>换行：br 45 4>容器：div，span（容纳其他标签） 46 5>表格：table，tr，td 47 6>列表：ul，ol，li 48 7>图片：img 49 8>表单：input 50 9>链接：a 51 7.编辑工具：dreamweaver，WebStorm 52 53 四、CSS 54 1.全称：Cascading Style Sheets，层叠样式表 55 2.作用：美化网页 56 3.CSS编写格式：键值对形式 57 4.三种书写形式： 58 1>行内样式：（内联样式）直接在标签的style属性中写 59 <body style = "color: red;"> 60 2>内页样式：在本网页的style属性中写 61 <style type = "text/css"> 62 body{ 63 color: red; 64 } 65 </style> 66 3>外部样式：在单独的CSS文件中写，然后在网页中用link标签引用 67 <link rel = "stylesheet" href = "test.css"> 68 69 五、CSS选择器 70 1.标签选择器 - 选择对应的标签，为之添加样式 71 2.类选择器 - 在标签后加class属性，用.类名添加样式 72 3.id选择器 - 在标签后加id属性，用#id名添加样式 73 4.群组选择器 - 格式：标签，.类名，#id名添加样式 74 5.选择器组合 - 格式：标签.类名 或者 标签#id名 75 6.后代选择器 - 格式：标签 子标签，标签 子标签 76 7.子标签选择器 - 格式：标签 > 子标签（直接子标签） 77 8.相邻兄弟选择器 - 格式：标签 + 标签 78 9.属性选择器 - 格式：标签[属性] 或者 标签[属性][属性] 或者 标签[属性 = “属性名”] 79 10.伪类 80 1>:active 向被激活的元素添加样式 81 2>:focus 想拥有键盘输入焦点的元素添加样式 82 3>:hover 当鼠标悬浮在元素上方时，向元素添加样式 83 4>:link 向未被访问的链接添加样式 84 5>:visited 向已被访问的链接添加样式 85 6>:first-child 向元素的第一个子元素添加样式 86 7>:lang 向带有指定lang属性的元素添加样式 87 11.伪元素 88 1>:first-letter 向文本的第一个字母添加特殊样式 89 2>:first-line 向文本的首行添加特殊样式 90 3>:before 在元素之前添加内容 91 4>:after 在元素之后添加内容 92 93 六、选择器优先级 94 1.优先级排序： 95 1>important>内联>id>类>标签|伪类|伪元素>通配符>继承 96 2.选择器的针对性越强，它的优先级越高 97 3.选择器的权值 98 1>通配选择符（*）：0 99 2>标签：1 100 3>类：10 101 4>属性：10 102 5>伪类：10 103 6>伪元素：1 104 7>id：10 105 8>!important：100 106 4.原则：选择器权值加在一起，大的优先；如果相同，后定义的优先 107 108 七、HTML标签类型(两大类) 109 1>块级标签：独占一行的标签 110 块级元素水平居中：设置自己的margin：0px auto 111 2>行内标签：多个行内标签能显示在一行 112 非块级元素水平居中：设置父类标签，text-align：center 113 114 八、修改标签的显示类型 115 1.CSS中有个display属性，能修改标签的显示类型 116 1>none:隐藏标签 117 2>block:块级类型，能随时设置宽度和高度 118 3>inline:行内类型，宽高取决于内容尺寸 119 4>inline-block:行内-块级类型 120 121 九、CSS属性 122 1.根据继承分类（两类） 123 1>可继承属性 124 父标签的属性值会传递给子标签 - 一般是文字属性 125 2>不可继承属性 126 父标签的属性值不能传递给子 - 一般是区块控制属性 127 2.所有标签可继承 128 visibility,cursor 129 3.内联标签可继承 130 letter-spacing,word-spacing,white-space,line-height,color,font,font-family,font-size,font-style, 131 font-variant,font-weight,text-decoration,text-transform,direction 132 4.块级标签可继承 133 text-indent,text-align 134 5.列表标签可继承 135 list-style,list-style-type,list-style-position,list-style-image 136 6.不可继承 137 display,margin,border,padding,background, 138 height,min-height,max-height,width,min-width,max-width 139 overflow,position,left,right,top,bottom,z-index 140 float,clear 141 table-layout,vertical-align 142 page-break-after,page-bread-before 143 unicode-bidi 144 145 十、盒子模型 146 1.网页上每个标签都是一个盒子 147 2.每个盒子有四个属性 148 1>内容（content） 149 属性： 150 height 151 width 152 max-height 153 max-width 154 min-height 155 min-width 156 2>填充（padding，内边距） 157 属性 158 padding 159 padding-bottom 160 padding-left 161 padding-right 162 padding-top 163 3>边框（border，盒子本身） 164 属性 165 border-width 166 border-style 167 border-color 168 border-radius 169 4>边界（margin，外边距） 170 属性 171 margin 172 margin-bottom 173 margin-left 174 margin-right 175 margin-top 176 */ 177 178 - (void)viewDidLoad { 179 [super viewDidLoad]; 180 self.view.backgroundColor = [UIColor cyanColor]; 181 182 [self loadWebView]; 183 } 184 185 - (void)loadWebView 186 { 187 //伸缩页面填充整个webView 188 self.webView.scalesPageToFit = YES; 189 190 //NSURL *url = [NSURL URLWithString:@"http://localhost:8080/MJServer/"]; 191 NSURL *url = [[NSBundle mainBundle] URLForResource:@"01-学前须知" withExtension:@"pptx"]; 192 NSURLRequest *request = [NSURLRequest requestWithURL:url]; 193 [self.webView loadRequest:request]; 194 } 195 196 @end
标签：
原文地址：http://www.cnblogs.com/oc-bowen/p/5198692.html
