整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          定位網(wǎng)頁元素—第八章

          定位網(wǎng)頁元素—第八章

          、position 屬性

          1、static:默認(rèn)值,沒有定位,以標(biāo)準(zhǔn)流方式顯示。

          2、relative:相對(duì)定位,相對(duì)于自身原來位置進(jìn)行偏移。偏移設(shè)置:top、left、right、bottom;

          設(shè)置相對(duì)定位的盒子會(huì)相對(duì)它原來的位置,通過指定偏移,到達(dá)新的位置。

          設(shè)置相對(duì)定位的盒子仍在標(biāo)準(zhǔn)文檔流中,它對(duì)父級(jí)盒子和相鄰的盒子都沒有任何影響。

          設(shè)置相對(duì)定位的盒子原來的位置會(huì)被保留下來。

          3、absolute:絕對(duì)定位 偏移設(shè)置: left、right、top、bottom;

          使用了絕對(duì)定位的元素以它最近的一個(gè)“已經(jīng)定位”的“祖先元素” 為基準(zhǔn)進(jìn)行偏移

          如果沒有已經(jīng)定位的祖先元素,會(huì)以瀏覽器窗口為基準(zhǔn)進(jìn)行定位

          絕對(duì)定位的元素從標(biāo)準(zhǔn)文檔流中脫離,這意味著它們對(duì)其他元素的定位不會(huì)造成影響

          元素位置發(fā)生偏移后,它原來的位置不會(huì)被保留下來

          4、fixed:固定定位 偏移設(shè)置: left、right、top、bottom;

          類似絕對(duì)定位,不過區(qū)別在于定位的基準(zhǔn)不是祖先元素,而是瀏覽器窗口;


          二、z-index屬性:

          調(diào)整元素定位時(shí)重疊層的上下位置

          z-index屬性值:整數(shù),默認(rèn)值為0

          設(shè)置了positon屬性時(shí),z-index屬性可以設(shè)置各元素之間的重疊高低關(guān)系

          z-index值大的層位于其值小的層上方


          屬性說明舉例

          opacity:xx值為0~1,值越小越透明opacity:0.4;

          filter:alpha(opacity=x)x值為0~100,值越小越透明filter:alpha(opacity=40);


          三、代碼展示:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>花樣鏈接卡</title>

          </head>

          <style>

          *{

          padding:0px;

          margin:0px;

          }

          a{

          text-decoration: none;

          color:#fff;

          position: relative;

          top:35px;

          }

          .container{

          width:320px;

          height: 320px;

          margin-top: 10px;

          margin-left: 10px;

          border: 2px solid red;

          }

          .container>div{

          display: block;

          width: 100px;

          height: 100px;

          background:#fd7dfd;

          text-align: center;

          }

          .container>div:nth-of-type(1){

          position: relative;

          left: 10px;

          top:10px;

          }

          .container>div:nth-of-type(2){

          position: relative;

          left: 210px;

          bottom: 100px;

          top:-90px;

          }

          .container>div:nth-of-type(3){

          position: relative;

          left: 10px;

          bottom:-10px;

          }

          .container>div:nth-of-type(4){

          position: relative;

          left: 210px;

          bottom:90px;

          }

          .container>div:nth-of-type(5){

          position: relative;

          left: 110px;

          bottom: 290px;

          }

          .container>div:hover{

          background-color:blue;

          }

          </style>

          <body>

          <div class="container">

          <div><a href="#">鏈接1</a></div>

          <div><a href="#">鏈接2</a></div>

          <div><a href="#">鏈接3</a></div>

          <div><a href="#">鏈接4</a></div>

          <div><a href="#">鏈接5</a></div>

          </div>

          </body>

          </html>


          <html>


          <head>

          <title>獎(jiǎng)多多安全購彩頁面</title>

          </head>

          <style>

          .zhu{

          width: 1300px;

          margin-left: 250px;

          }

          .fu>.zuo{

          position: absolute;

          top:150px;

          }

          .fu .youOne{

          position: absolute;

          float:right;

          top:150px;

          right: 0px;

          }

          .fu .youTwo{

          position: fixed;

          float:right;

          right: 0;

          bottom: 220px;

          }

          .fu .youThree{

          position: fixed;

          float:right;

          right: 0;

          bottom: 0px;

          }


          </style>

          <body>

          <div class="container">

          <div class="zhu">

          <img src="img/1.bmp">

          </div>

          <div class="fu">

          <div class="zuo">

          <img src="img/2.bmp">

          </div>

          <div class="youOne">

          <img src="img/3.bmp">

          </div>

          <div class="youTwo">

          <img src="img/4.bmp">

          </div>

          <div class="youThree">

          <img src="img/5.bmp">

          </div>

          </div>

          </div>

          </body>

          </html>


          效果圖鏈接:file:///D:/ruanjian/VS/wenjianxiangmu/htmlEight/huayanglianjie.html

          file:///D:/ruanjian/VS/wenjianxiangmu/htmlEight/caipiao.html

          字母索引

          A 開頭B 開頭C 開頭D 開頭E 開頭F 開頭G 開頭H 開頭I 開頭J 開頭K 開頭L 開頭M 開頭N 開頭O 開頭P 開頭Q 開頭R 開頭S 開頭T 開頭U 開頭V 開頭W 開頭X 開頭Y 開頭Z 開頭專業(yè)名詞

          A

          英文譯法 1譯法 2譯法 3a block of pointers一塊指針一組指針abbreviation縮略語abstract抽象的abstract syntax tree, AST抽象語法樹abstraction抽象abstraction barrier抽象屏障抽象阻礙abstraction of function calls函數(shù)調(diào)用抽象access訪問存取access function訪問函數(shù)存取函數(shù)accumulator累加器activate激活ad hoc專設(shè)adapter適配器address地址algebraic data type代數(shù)數(shù)據(jù)類型algorithm算法alias別名allocate分配配置alternative備選amortized analysis平攤分析anaphoric指代annotation注解anonymous function匿名函數(shù)antecedent前提前件先決條件append追加拼接application應(yīng)用應(yīng)用程序application framework應(yīng)用框架application program interface, API應(yīng)用程序編程接口application service provider, ASP應(yīng)用程序服務(wù)提供商applicative應(yīng)用序argument參數(shù)自變量實(shí)際參數(shù)/實(shí)參arithmetic算術(shù)array數(shù)組artificial intelligence, AI人工智能assemble組合assembly匯編assignment賦值assignment operator賦值操作符associated關(guān)聯(lián)的association list, alist關(guān)聯(lián)列表atom原子atomic原子的atomic value原子型值attribute屬性特性augmented擴(kuò)充automatic memory management自動(dòng)內(nèi)存管理automatically infer自動(dòng)推導(dǎo)autometa theory自動(dòng)機(jī)理論auxiliary輔助

          B

          英文譯法 1譯法 2譯法 3backquote反引用backtrace回溯backward compatible向下兼容bandwidth帶寬base case基本情形base class基類Bayes' theorem貝葉斯定理best viable function最佳可行函式最佳可行函數(shù)Bezier curve貝塞爾曲線bignum大數(shù)binary operator二元操作符binary search二分查找二分搜索二叉搜索binary search tree二叉搜索樹binary tree二叉樹binding綁定binding vector綁定向量bit位比特bit manipulation位操作black box abstraction黑箱抽象block塊區(qū)塊block structure塊結(jié)構(gòu)區(qū)塊結(jié)構(gòu)block name代碼塊名字Blub paradoxBlub 困境body體主體boilerplate公式化樣板bookkeeping簿記boolean布爾border邊框bottom-up design自底向上的設(shè)計(jì)bottom-up programming自底向上編程bound邊界bounds checking邊界檢查box notation箱子表示法brace花括弧花括號(hào)bracket方括弧方括號(hào)branch分支跳轉(zhuǎn)breadth-first廣度優(yōu)先breadth-first search, BFS廣度優(yōu)先搜索breakpoint斷點(diǎn)brevity簡潔buffer緩沖區(qū)buffer overflow attack緩沖區(qū)溢出攻擊bug臭蟲building創(chuàng)建built-in內(nèi)置byte字節(jié)bytecode字節(jié)碼

          C

          英文譯法 1譯法 2譯法 3cache緩存call調(diào)用callback回調(diào)CamelCase駝峰式大小寫candidate function候選函數(shù)capture捕捉case分支character字符checksum校驗(yàn)和child class子類choke point滯塞點(diǎn)chunk塊circular definition循環(huán)定義clarity清晰class類類別class declaration類聲明class library類庫client客戶客戶端clipboard剪貼板clone克隆closed world assumption封閉世界假定closure閉包c(diǎn)lutter雜亂code代碼code bloat代碼膨脹collection收集器復(fù)合類型column行欄column-major order行主序comma逗號(hào)command-line命令行command-line interface, CLI命令行界面Common Lisp Object System, CLOSCommon Lisp 對(duì)象系統(tǒng)Common Gateway Interface, CGI通用網(wǎng)關(guān)接口compatible兼容compilation編譯compilation parameter編譯參數(shù)compile編譯compile inline內(nèi)聯(lián)編譯compile time編譯期compiled form編譯后的形式compiler編譯器complex復(fù)雜complexity復(fù)雜度compliment補(bǔ)集component組件composability可組合性composition組合組合函數(shù)compound value復(fù)合數(shù)據(jù)復(fù)合值compression壓縮computation計(jì)算computer計(jì)算機(jī)concatenation串接concept概念concrete具體concurrency并發(fā)concurrent并發(fā)conditional條件式conditional variable條件變量configuration配置connection連接cons構(gòu)造cons cell構(gòu)元cons 單元consequent結(jié)果推論consistent一致性constant常量constraint約束constraint programming約束式編程container容器content-based filtering基于內(nèi)容的過濾context上下文語境環(huán)境continuation延續(xù)性continuous integration, CI持續(xù)集成control控件cooperative multitasking協(xié)作式多任務(wù)copy拷貝corollary推論coroutine協(xié)程corruption程序崩潰crash崩潰create創(chuàng)建crystallize固化curly括弧狀的curried柯里的currying柯里化cursor光標(biāo)curvy卷曲的cycle周期

          D

          英文譯法 1譯法 2譯法 3dangling pointer迷途指針野指針Defense Advanced Research Projects Agency, DARPA美國國防部高級(jí)研究計(jì)劃局data數(shù)據(jù)data structure數(shù)據(jù)結(jié)構(gòu)data type數(shù)據(jù)類型data-driven數(shù)據(jù)驅(qū)動(dòng)database數(shù)據(jù)庫database schema數(shù)據(jù)庫模式datagram數(shù)據(jù)報(bào)文dead lock死鎖debug調(diào)試debugger調(diào)試器debugging調(diào)試declaration聲明declaration forms聲明形式declarative聲明式說明式declarative knowledge聲明式知識(shí)說明式知識(shí)declarative programming聲明式編程說明式編程declarativeness可聲明性declaring聲明deconstruction解構(gòu)deduction推導(dǎo)推斷default缺省默認(rèn)defer推遲deficiency缺陷不足define定義definition定義delegate委托delegationdellocate釋放demarshal散集deprecated廢棄depth-first深度優(yōu)先depth-first search, BFS深度優(yōu)先搜索derived派生derived class派生類design pattern設(shè)計(jì)模式designator指示符destructive破壞性的destructive function破壞性函數(shù)destructuring解構(gòu)device driver硬件驅(qū)動(dòng)程序dimensions維度directive指令directive指示符directory目錄disk盤dispatch分派派發(fā)distributed computing分布式計(jì)算DLL hellDLL 地獄document文檔dotted list點(diǎn)狀列表dotted-pair notation帶點(diǎn)尾部表示法帶點(diǎn)尾部記法duplicate復(fù)本dynamic binding動(dòng)態(tài)綁定dynamic extent動(dòng)態(tài)范圍dynamic languages動(dòng)態(tài)語言dynamic scope動(dòng)態(tài)作用域dynamic type動(dòng)態(tài)類型

          E

          英文譯法 1譯法 2譯法 3effect效果efficiency效率efficient高效elaborateelucidatingembedded language嵌入式語言emulate仿真encapsulation封裝enum枚舉enumeration type枚舉類型enumrators枚舉器environment環(huán)境equal相等equality相等性equation方程equivalence等價(jià)性error message錯(cuò)誤信息error-checking錯(cuò)誤檢查escaped逃脫溢出escape character轉(zhuǎn)義字符evaluate求值評(píng)估evaluation求值event事件event driven事件驅(qū)動(dòng)exception異常exception handling異常處理exception specification異常規(guī)范exit退出expendable可擴(kuò)展的explicit顯式exploratory programming探索式編程export導(dǎo)出引出expression表達(dá)式expressive power表達(dá)能力extensibility可擴(kuò)展性extent范圍程度external representation外部表示法extreme programming極限編程

          F

          英文譯法 1譯法 2譯法 3factorial階乘family(類型的)系feasible可行的feature特色field字段欄位file文件file handle文件句柄fill pointer填充指針fineo-grained細(xì)粒度firmware固件first-class第一類的第一級(jí)的一等的first-class function第一級(jí)函數(shù)第一類函數(shù)一等函數(shù)first-class object第一類的對(duì)象第一級(jí)的對(duì)象一等公民fixed-point不動(dòng)點(diǎn)fixnum定長數(shù)定點(diǎn)數(shù)flag標(biāo)記flash閃存flexibility靈活性floating-point浮點(diǎn)數(shù)floating-point notation浮點(diǎn)數(shù)表示法flush刷新fold折疊font字體force迫使form形式form表單formal parameter形參formal relation形式關(guān)系forward轉(zhuǎn)發(fā)forward referencesfractal分形fractions派系framework框架freeware自由軟件function函數(shù)function literal函數(shù)字面常量function object函數(shù)對(duì)象functional arguments函數(shù)型參數(shù)functional programming函數(shù)式編程functionality功能性

          G

          英文譯法 1譯法 2譯法 3game游戲garbage垃圾garbage collection垃圾回收garbage collector垃圾回收器generalized泛化generalized variable廣義變量generate生成generator生成器generic通用的泛化的generic algorithm通用算法泛型算法generic function通用函數(shù)generic programming通用編程泛型編程genrative programming生產(chǎn)式編程global全局的global declaration全局聲明glue program膠水程序goto跳轉(zhuǎn)graphical user interface, GUI圖形用戶界面greatest common divisor最大公因數(shù)Greenspun's tenth rule格林斯潘第十定律

          H

          英文譯法 1譯法 2譯法 3hack破解hacker黑客handle處理器處理程序句柄hard disk硬盤hard-wirehardware硬件hash tables哈希表散列表header頭部header file頭文件heap堆helper輔助函數(shù)輔助方法heuristic啟發(fā)式high-order高階higher-order function高階函數(shù)higher-order procedure高階過程hyperlink超鏈接HyperText Markup Language, HTML超文本標(biāo)記語言HyperText Transfer Protocol, HTTP超文本傳輸協(xié)議

          I

          英文譯法 1譯法 2譯法 3identical一致identifier標(biāo)識(shí)符identity同一性ill type類型不正確illusion錯(cuò)覺imperative命令式imperative programming命令式編程implement實(shí)現(xiàn)implementation實(shí)現(xiàn)implicit隱式import導(dǎo)入incremental testing增量測試indent縮排縮進(jìn)indentation縮排縮進(jìn)indented縮排縮進(jìn)indention縮排縮進(jìn)infer推導(dǎo)infinite loop無限循環(huán)infinite recursion無限遞歸infinite precision無限精度infix中序information信息information technology, IT信息技術(shù)inheritance繼承initialization初始化initialize初始化inline內(nèi)聯(lián)inline expansion內(nèi)聯(lián)展開inner class內(nèi)嵌類inner loop內(nèi)層循環(huán)input輸入instances實(shí)例instantiate實(shí)例化instructive教學(xué)性的instrument記錄儀integer整數(shù)integrate集成interactive language交互式語言interactive programming environment交互式編程環(huán)境interactive testing交互式測試interacts交互interface接口intermediate form過渡形式中間形式internal內(nèi)部internet互聯(lián)網(wǎng)因特網(wǎng)interpolation插值interpret解釋interpreter解釋器interrupt中止中斷intersection交集inter-process communication, IPC進(jìn)程間通信invariants約束條件invoke調(diào)用item項(xiàng)iterate迭代iteration迭代的iterative迭代的iterator迭代器

          J

          英文譯法 1譯法 2譯法 3jagged鋸齒狀的job control language, JCL作業(yè)控制語言judicious明智的

          K

          英文譯法 1譯法 2譯法 3kernel核心kernel language核心語言keyword argument關(guān)鍵字參數(shù)keywords關(guān)鍵字kludge蹩腳

          L

          英文譯法 1譯法 2譯法 3lambda calculuslambda 演算larval startup雛形創(chuàng)業(yè)公司laser激光latitudelayout版型lazy惰性lazy evaluation惰性求值legacy software歷史遺留軟件leverage杠桿(動(dòng)詞)利用lexical詞法的lexical analysis詞法分析lexical closure詞法閉包lexical scope詞法作用域Language For Smart People, LFSP聰明人的語言library庫函數(shù)庫函式庫lifetime生命期linear iteration線性迭代linear recursion線性遞歸link鏈接連接linker連接器list列表list operation列表操作literal字面literal constant字面常量literal representation字面量load裝載加載loader裝載器加載器local局部的局域的local declarations局部聲明local function局部函數(shù)局域函數(shù)local variable局部變量局域變量locality局部性loop循環(huán)lvalue左值

          M

          英文譯法 1譯法 2譯法 3machine instruction機(jī)器指令machine language機(jī)器語言machine language code機(jī)器語言代碼machine learning機(jī)器學(xué)習(xí)macro宏mailing list郵件列表mainframes大型機(jī)maintain維護(hù)manifest typing顯式類型manipulator操縱器mapping映射mapping functions映射函數(shù)marshal列集math envy對(duì)數(shù)學(xué)家的妒忌member成員memorizing記憶化memory內(nèi)存memory allocation內(nèi)存分配memory leaks內(nèi)存泄漏menu菜單message消息message-passing消息傳遞meta-元-meta-programming元編程metacircular元循環(huán)method方法method combination方法組合方法組合機(jī)制micro微middleware中間件migration(數(shù)據(jù)庫)遷移minimal network最小網(wǎng)絡(luò)mirror鏡射mismatch type類型不匹配model模型modem調(diào)制解調(diào)器modifier修飾符modularity模塊性module模塊monad單子monkey patch猴子補(bǔ)丁monomorphic type language單型語言Moore's law摩爾定律mouse鼠標(biāo)multi-task多任務(wù)multiple values多值mutable可變的mutex互斥鎖Multiple Virtual Storage, MVS多重虛擬存儲(chǔ)

          N

          英文譯法 1譯法 2譯法 3namespace命名空間native本地的native code本地碼natural language自然語言natural language processing自然語言處理nested嵌套nested class嵌套類network網(wǎng)絡(luò)newline換行新行non-deterministic choice非確定性選擇non-strict非嚴(yán)格non-strict evaluation非嚴(yán)格求值nondeclarativenondestructive version非破壞性的版本number crunching數(shù)字密集運(yùn)算

          O

          英文譯法 1譯法 2譯法 3object對(duì)象object code目標(biāo)代碼object-oriented面向?qū)ο髈bject-oriented programming面向?qū)ο缶幊蘋ccam's razor奧卡姆剃刀原則on the fly運(yùn)行中執(zhí)行時(shí)online在線open source開放源碼operand操作對(duì)象operating system, OS操作系統(tǒng)operation操作operator操作符optimization優(yōu)化optimization of tail calls尾調(diào)用優(yōu)化option選項(xiàng)optional可選的選擇性的optional argument選擇性參數(shù)ordinary常規(guī)的orthogonality正交性overflow溢出overhead額外開銷overload重載override覆寫

          P

          英文譯法 1譯法 2譯法 3package包pair點(diǎn)對(duì)palindrome回文paradigm范式parallel并行parallel computer并行計(jì)算機(jī)param參數(shù)parameter參數(shù)形式參數(shù)/形參paren-matching括號(hào)匹配parent class父類parentheses括號(hào)Parkinson's law帕金森法則parse解析parse tree解析樹分析樹parser解析器partial application部分應(yīng)用partial applied分步代入的partial function application部分函數(shù)應(yīng)用particular ordering部分有序pass by adress按址傳遞傳址pass by reference按引用傳遞傳引用pass by value按值傳遞傳值path路徑pattern模式pattern match模式匹配perform執(zhí)行performance性能performance-criticalpersistence持久性phrenology相面physical物理的pipe管道pixel像素placeholder占位符planning計(jì)畫platform平臺(tái)pointer指針pointer arithmetic指針運(yùn)算poll輪詢polymorphic多態(tài)polymorphism多態(tài)polynomial多項(xiàng)式的pool池port端口portable可移植性portal門戶positional parameters位置參數(shù)postfix后序precedence優(yōu)先級(jí)precedence list優(yōu)先級(jí)列表preceding前述的predicate判斷式謂詞preemptive multitasking搶占式多任務(wù)premature design過早設(shè)計(jì)preprocessor預(yù)處理器prescribe規(guī)定prime素?cái)?shù)primitive原語primitive recursive主遞歸primitive type原生類型principal type主要類型print打印printed representation打印表示法printer打印機(jī)priority優(yōu)先級(jí)procedure過程procedurual過程化的procedurual knowledge過程式知識(shí)process進(jìn)程process priority進(jìn)程優(yōu)先級(jí)productivity生產(chǎn)力profile評(píng)測profiler評(píng)測器性能分析器programmer程序員programming編程programming language編程語言project項(xiàng)目prompt提示符proper list正規(guī)列表property屬性property list屬性列表protocol協(xié)議prototype原型pseudo code偽碼pseudo instruction偽指令purely functional language純函數(shù)式語言pushdown stack下推棧

          Q

          英文譯法 1譯法 2譯法 3qualified修飾的帶前綴的qualifier修飾符quality質(zhì)量quality assurance, QA質(zhì)量保證query查詢query language查詢語言queue隊(duì)列quote引用quoted form引用形式

          R

          英文譯法 1譯法 2譯法 3race condition條件競爭競態(tài)條件radian弧度Redundant Array of Independent Disks, RAID冗余獨(dú)立磁盤陣列raise引起random number隨機(jī)數(shù)range范圍區(qū)間rank(矩陣)秩排名rapid prototyping快速原型開發(fā)rational database關(guān)系數(shù)據(jù)庫raw未經(jīng)處理的read讀取read-evaluate-print loop, REPL讀取-求值-打印循環(huán)read-macro讀取宏record記錄recursion遞歸recursive遞歸的recursive case遞歸情形refactor重構(gòu)refer參考reference引用參考referential transparency引用透明refine精化reflection反射映像register寄存器registry creep注冊(cè)表蠕變r(jià)egular expression正則表達(dá)式represent表現(xiàn)request請(qǐng)求resolution解析度resolve解析rest parameter剩余參數(shù)return返回回車return value返回值reuse of software代碼重用right associative右結(jié)合Reduced Instruction Set Computer, RISC精簡指令系統(tǒng)計(jì)算機(jī)robust健壯robustness健壯性魯棒性routine例程routing路由row-major order列主序remote procedure call, RPC遠(yuǎn)程過程調(diào)用run-length encoding游程編碼run-time typing運(yùn)行期類型runtime運(yùn)行期rvalue右值

          S

          英文譯法 1譯法 2譯法 3S-expressionS-表達(dá)式save儲(chǔ)存Secure Sockets Layer, SSL安全套接字層scaffold腳手架鷹架scalar type標(biāo)量scan掃描schedule調(diào)度scheduler調(diào)度程序scope作用域SCREAMING_SNAKE_CASE尖叫式蛇底大寫screen屏幕scripting language腳本語言search查找搜尋segment of instructions指令片段semantics語義semaphore信號(hào)量semicolon分號(hào)sequence序列sequential循序的順序的sequential collection literalsserial串行serialization序列化series串行級(jí)數(shù)server服務(wù)器shadowing隱蔽了sharp犀利的sharp-quote升引號(hào)shortest path最短路徑SICP《計(jì)算機(jī)程序的構(gòu)造與解釋》side effect副作用signature簽名simple vector簡單向量simulate模擬Single Point of Truth, SPOT真理的單點(diǎn)性single-segment單段的sketch草圖初步框架slash斜線slot槽smart pointer智能指針snake_case蛇底式小寫snapshot屏幕截圖socket套接字software軟件solution方案source code源代碼space leak內(nèi)存泄漏spaghetti面條式代碼意面式代碼spaghetti stack意面式棧面條式棧spam垃圾郵件spec規(guī)格special form特殊形式special variable特殊變量specialization特化specialize特化specialized array特化數(shù)組specification規(guī)格說明規(guī)范splitter切分窗口sprite精靈圖square平方square root平方根squash碰撞stack棧stack frame棧幀stakeholderstandard library標(biāo)準(zhǔn)函式庫state machine狀態(tài)機(jī)statement陳述語句static type靜態(tài)類型static type system靜態(tài)類型系統(tǒng)status狀態(tài)store保存stream流strict嚴(yán)格strict evaluation嚴(yán)格求值string字串字符串string template字串模版strong type強(qiáng)類型structural recursion結(jié)構(gòu)遞歸structured values結(jié)構(gòu)型值subroutine子程序subset子集substitution代換substitution model代換模型subtype子類型superclass基類superfluous多余的supertype超集support支持suspend掛起swapping values交換變量的值symbol符號(hào)symbolic computation符號(hào)計(jì)算syntax語法system administrator系統(tǒng)管理員system administrator disease系統(tǒng)管理員綜合癥System Network Architecture, SNA系統(tǒng)網(wǎng)絡(luò)體系

          T

          英文譯法 1譯法 2譯法 3(database)table數(shù)據(jù)表table表格tag標(biāo)簽標(biāo)記tail-recursion尾遞歸tail-recursive尾遞歸的TAOCP《計(jì)算機(jī)程序設(shè)計(jì)藝術(shù)》target目標(biāo)taxable operators需節(jié)制使用的操作符taxonomy分類法template模版temporary object臨時(shí)對(duì)象testing測試text文本text file文本文件thread線程thread safe線程安全three-valued logic三值邏輯throw拋出丟擲引發(fā)throwaway program一次性程序timestamp時(shí)間戳token詞法記號(hào)語義單位語元top-down design自頂向下的設(shè)計(jì)top-level頂層trace追蹤trailing space行尾空白transaction事務(wù)transition network轉(zhuǎn)移網(wǎng)絡(luò)transparent透明的traverse遍歷tree樹tree recursion樹形遞歸trigger觸發(fā)器tuple元組Turing machine圖靈機(jī)Turing complete圖靈完備typable類型合法type類型type constructor類構(gòu)造器type declaration類型聲明type hierarchy類型層級(jí)type inference類型推導(dǎo)type name類型名type safe類型安全type signature類型簽名type synonym類型別名type variable類型變量typing類型指派輸入

          U

          英文譯法 1譯法 2譯法 3user interface, UI用戶界面unary一元的underflow下溢unification合一統(tǒng)一union并集universally quantify全局量化unqualfied未修飾的unwindinguptime運(yùn)行時(shí)間Uniform Resource Locator, URL統(tǒng)一資源定位符user用戶utilities實(shí)用函數(shù)

          V

          英文譯法 1譯法 2譯法 3validate驗(yàn)證validator驗(yàn)證器value constructor值構(gòu)造器vaporware朦朧件variable變量variable capture變量捕捉variadic input可變輸入variant變種venture capitalist, VC風(fēng)險(xiǎn)投資商vector向量viable function可行函數(shù)video視頻view視圖virtual function虛函數(shù)virtual machine虛擬機(jī)virtual memory虛內(nèi)存volatile揮發(fā)vowel元音

          W

          英文譯法 1譯法 2譯法 3warning message警告信息web server網(wǎng)絡(luò)服務(wù)器weight權(quán)值權(quán)重well type類型正確wildcard通配符window窗口word單詞字wrapper包裝器包裝What You See Is What You Get, WYSIWYG所見即所得What You See Is What You Want, WYSIWYW所見即所想

          X

          Y

          英文譯法 1譯法 2譯法 3Y combinatorY組合子

          Z

          英文譯法 1譯法 2譯法 3Z-expressionZ-表達(dá)式zero-indexed零索引的

          專業(yè)名詞

          英文譯法 1譯法 2譯法 3The Paradox of Choice選擇謬論

          高興鐵鐵們能來看html網(wǎng)頁設(shè)計(jì)第二期~~~~撒花~~~~~

          哎呀呀~實(shí)在是抱歉備注標(biāo)簽我記錯(cuò)了QAQ

          <!--內(nèi)容打這里-->這個(gè)才是備注標(biāo)簽不是//

          首先我們先來學(xué)習(xí)上節(jié)課留下的劇透,分別是:

          1.標(biāo)題標(biāo)簽h1~h6

          有人就說了標(biāo)題標(biāo)簽上次劇透不就只有h1標(biāo)簽嗎?

          嘿嘿,其實(shí)他還有兄弟姐妹啦~

          看圖,代碼是從上往下從左往右執(zhí)行的請(qǐng)記住這個(gè)順序哦~

          還有,左邊是代碼右邊是網(wǎng)頁上面的效果哦~


          源代碼:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title>頁面標(biāo)題</title>

          </head>

          <body>

          <!--標(biāo)題標(biāo)簽是h1~h6-->

          <h1>1</h1><!--最大-->

          <h2>2</h2>

          <h3>3</h3>

          <h4>4</h4>

          <h5>5</h5>

          <h6>6</h6><!--最小-->

          </body>

          </html>

          如圖所示,h1標(biāo)簽是最大的,h6標(biāo)簽是最小的

          是不是很簡單呀,現(xiàn)在已經(jīng)學(xué)會(huì)了一個(gè)知識(shí)點(diǎn)了哦~


          2.段落標(biāo)簽 p標(biāo)簽

          源代碼:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title></title>

          </head>

          <body>

          <!--千萬要記住內(nèi)容是寫在標(biāo)簽里面的哦~-->

          <!--段落標(biāo)簽是獨(dú)占一條的哦-->

          <p>第一條p標(biāo)簽</p>

          <p>第二條p標(biāo)簽</p>

          <p>第三條p標(biāo)簽</p>

          </body>

          </html>

          3.鏈接標(biāo)簽 a標(biāo)簽

          鏈接標(biāo)簽是什么?顧名思義就是一個(gè)鏈接看代碼:

          <a href="https://www.baidu.com">百度</a>

          href是什么東西啊?是a標(biāo)簽的屬性啦~里面用來輸入你需要跳轉(zhuǎn)到的網(wǎng)頁的鏈接

          屬性里面的東西是不會(huì)出現(xiàn)在網(wǎng)頁上面的出現(xiàn)的只有在a標(biāo)簽里面的內(nèi)容哦

          當(dāng)我點(diǎn)擊百度這兩個(gè)字后就給我跳轉(zhuǎn)到了我們href屬性里面的https://www.baidu.com

          當(dāng)然我們也可以跳轉(zhuǎn)到我們自己制作的網(wǎng)頁上面但要求是同一個(gè)項(xiàng)目下面的網(wǎng)頁

          是不是很有趣~

          看視頻:

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          視頻中我們點(diǎn)擊鏈接后就跳轉(zhuǎn)到了山這個(gè)網(wǎng)頁出現(xiàn)了一張山的圖片,是不是有點(diǎn)小意思~


          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title></title>

          </head>

          <body>

          <a href="new_file3.html">跳轉(zhuǎn)到山的網(wǎng)頁</a><!--只有同一個(gè)項(xiàng)目下面的網(wǎng)頁才能相互跳轉(zhuǎn)-->

          </body>

          </html>


          4.圖像標(biāo)簽 img標(biāo)簽

          圖像標(biāo)簽標(biāo)簽如其意,就是用來上傳圖像的一個(gè)標(biāo)簽~~

          我們這里介紹一下img的兩個(gè)屬性:

          <img src="img/OIP-C.jpg" alt="山"/>

          src就是用來放圖片的地址的,他會(huì)根據(jù)地址去找圖片然后把圖片放到網(wǎng)頁上面。

          alt有什么用啊就是當(dāng)圖片顯示失敗的時(shí)候就會(huì)顯示alt里面的文字

          看視頻:

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          我們把圖片的地址破壞后,就會(huì)顯示一個(gè)圖片錯(cuò)誤的圖標(biāo)和alt里面的內(nèi)容

          怎么拖圖片到img文件下,老師~~~我不知道

          看視頻

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          嘿嘿就直接把文件拖進(jìn)來就ok了是不是很簡單~

          okk,好快啊怎么一下就學(xué)完了今天的知識(shí)點(diǎn)~~~

          嘻嘻今天可是有作業(yè)的~

          請(qǐng)根據(jù)下面的網(wǎng)頁仿寫一下:

          完成后作業(yè)發(fā)再評(píng)論區(qū)哦,有什么不懂的可以留言包回答的。

          加油呀,每天學(xué)一點(diǎn)爭取做出屬于自己的一個(gè)網(wǎng)頁~

          上一期


          主站蜘蛛池模板: 精品无码一区二区三区水蜜桃 | 久久精品无码一区二区三区不卡| 少妇激情av一区二区| 午夜影院一区二区| 久久国产免费一区二区三区| 动漫精品第一区二区三区| 91一区二区三区四区五区| 国产一在线精品一区在线观看| 天美传媒一区二区三区| 日韩精品一区二区三区老鸭窝| 97精品国产福利一区二区三区| 精品一区二区三区无码免费直播| 无码中文人妻在线一区| 中字幕一区二区三区乱码| 国产成人无码AV一区二区在线观看| 视频一区在线播放| 国产麻豆媒一区一区二区三区| 一区二区三区精密机械| 在线观看日本亚洲一区| 亚洲AV无码一区二区三区牲色| 亚洲国产成人精品无码一区二区| 日本在线一区二区| 久久久精品人妻一区二区三区蜜桃| 国产激情з∠视频一区二区| 久久久综合亚洲色一区二区三区| 中文字幕一区二区视频| 91麻豆精品国产自产在线观看一区 | 免费一区二区无码视频在线播放| 亚洲一区二区观看播放| 午夜视频在线观看一区| 蜜桃传媒一区二区亚洲AV| 成人丝袜激情一区二区| 日韩三级一区二区| 国产一区二区精品久久岳√| 好吊妞视频一区二区| 国产精品无码一区二区在线观一| 亚洲一区二区三区乱码A| 国精品无码一区二区三区在线| 久久免费精品一区二区| 国产精品一区二区久久| 日韩精品一区二区三区国语自制 |