IOS-网络(网页开发)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IOS-网络(网页开发)相关的知识,希望对你有一定的参考价值。

 

  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

 

以上是关于IOS-网络(网页开发)的主要内容,如果未能解决你的问题,请参考以下文章

iOS项目开发实战——iOS网络编程获取网页Html源码

iOS开发CGRectGetMidX. CGRectGetMidY.CGRectGetMinY. CGRectGetMaxY. CGRectGetMinX. CGRectGetMaxX的使用(代码片段

iOS开发CGRectGetMidX. CGRectGetMidY.CGRectGetMinY. CGRectGetMaxY. CGRectGetMinX. CGRectGetMaxX的使用(代码片段

iOS代码片段CodeSnippets

iOS项目开发实战——使用同步请求获取网页源码

微信小程序代码片段