標籤：
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，超文字標記語言 (HTML) 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>標籤：1100 3>類：10101 4>屬性：10102 5>偽類：10103 6>虛擬元素：1104 7>id：10105 8>!important：100106 4.原則：選取器權值加在一起，大的優先；如果相同，後定義的優先107 108 七、HTML標籤類型(兩大類)109 1>塊級標籤：獨佔一行的標籤110 區塊層級元素水平置中：設定自己的margin：0px auto111 2>行內標籤：多個行內標籤能顯示在一行112 非區塊層級元素水平置中：設定父類標籤，text-align：center113 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,cursor129 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,direction132 4.塊級標籤可繼承133 text-indent,text-align134 5.列表標籤可繼承135 list-style,list-style-type,list-style-position,list-style-image136 6.不可繼承137 display,margin,border,padding,background,138 height,min-height,max-height,width,min-width,max-width139 overflow,position,left,right,top,bottom,z-index140 float,clear141 table-layout,vertical-align142 page-break-after,page-bread-before143 unicode-bidi144 145 十、盒子模型146 1.網頁上每個標籤都是一個盒子147 2.每個盒子有四個屬性148 1>內容（content）149 屬性：150 height151 width152 max-height153 max-width154 min-height155 min-width156 2>填充（padding，內邊距）157 屬性158 padding159 padding-bottom160 padding-left161 padding-right162 padding-top163 3>邊框（border，盒子本身）164 屬性165 border-width166 border-style167 border-color168 border-radius169 4>邊界（margin，外邊距）170 屬性171 margin172 margin-bottom173 margin-left174 margin-right175 margin-top176 */177 178 - (void)viewDidLoad {179 [super viewDidLoad];180 self.view.backgroundColor = [UIColor cyanColor];181 182 [self loadWebView];183 }184 185 - (void)loadWebView186 {187 //伸縮頁面填充整個webView188 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-網路（網頁開發）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
