Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML+CSS
Hyper Text Markup Language(超文本標(biāo)記語(yǔ)言)
超文本包括:文字、圖片、音頻、視頻、動(dòng)畫(huà)等
注釋格式:<!—內(nèi)容 –>
編碼與特殊符號(hào)
1. (空格)
2.> (大于號(hào))
3.<;(小于號(hào))
4."(引號(hào))
5.©(版權(quán)號(hào)@)
路徑
1.相對(duì)路徑(Relative Path) 同一個(gè)目錄的文件引用如果源文件和引用文件在同一個(gè)目錄里,直接寫(xiě)引用文件名即可。
2.Web根目錄下建了一個(gè)目錄叫html_demo,然后在該目錄下放了一個(gè)文件index.html,
這個(gè)文件的絕對(duì)路徑:
http://127.0.0.1:8080/html_demo/index.html
表單(form)元素
1.單行文本框(text)
2.密碼框(password)
3.單選按鈕(radio) 選中的話checked=="true"
4.文件選擇框(file)
5.復(fù)選框(checkbox)
6.下拉列表(select)
7.提交按鈕(submit)
8.重置按鈕(reset)
9.文本域(textarea)
表單高級(jí)用法
1.關(guān)聯(lián)表單元素(label)
2.只讀屬性(readonly)
3.禁用屬性(disabled)
表格高級(jí)標(biāo)簽
1.表格標(biāo)題<caption>
2.頁(yè)眉<thead>
3.表頭<th>
4.數(shù)據(jù)主體<tbody>
5.頁(yè)腳<tfoot>
表格的跨行與跨列
1.跨列 colspan
2.跨行rowspan
文檔的內(nèi)聯(lián)框架
使用<iframe>標(biāo)簽嵌套另一個(gè)頁(yè)面
面試題:get方法和post方法區(qū)別
1.get方法提交參數(shù)在地址欄可見(jiàn)
2.post方法一般用于多數(shù)據(jù)、保密數(shù)據(jù)提交
CSS
Cascading Style Sheet 級(jí)聯(lián)樣式表
能控制頁(yè)面的樣式和布局,包括對(duì)字體、顏色、邊距、高度、寬度、背景圖片、網(wǎng)頁(yè)定位等設(shè)定
網(wǎng)頁(yè)文件與樣式文件相分離,提高開(kāi)發(fā)效率
應(yīng)寫(xiě)在<head>標(biāo)簽之間,加上 type="text/css"屬性
<div>和<span>提高網(wǎng)頁(yè)加載速度
1.常用塊元素div,p,ul,li //ul是定義無(wú)序列表的樣式 li是列表內(nèi)行的樣式 ol是有序 dl.dt是自定義列表
2.常用內(nèi)聯(lián)元素span,a,label //span定義一個(gè)區(qū)域 //label標(biāo)簽主要用于綁定一個(gè)表單元素
SEO搜索引擎優(yōu)化:在搜索時(shí)從搜索結(jié)果中獲取的訪問(wèn)量將更高
CSS手冊(cè):http://www.w3school.com.cn/cssref/index.asp
注釋格式:/* 內(nèi)容 */
CSS屬性
1.CSS 背景屬性(Background)
background-color | 背景色,取值如,red,#FF0000 |
background-image | 背景圖片,如:background-image:url(“./images/bg.png”); |
background-position | 背景開(kāi)始位置,包括水平方向(X軸)和豎直方向(Y軸)的設(shè)置 X軸取值:left,center,right或像素值或百分比 Y軸取值:top,center,bottom或像素值或百分比 |
background-repeat | 背景填充方式,取值:repeat-x|repeat-y|no-repeat |
2.CSS 內(nèi)邊距屬性(Padding)
3.CSS 文本屬性(Text)
color | 設(shè)置文本的顏色,如red,#FF0000 |
line-height | 設(shè)置文本的行高 |
text-align | 設(shè)置文本的對(duì)齊方式,如left、center、right |
text-decoration | 設(shè)置文本裝修,如underline、none、line-through |
4.CSS 字體屬性(Font)
font-weight | 設(shè)置字體粗細(xì) |
font-size | 設(shè)置字體的尺寸 |
font-family | 設(shè)置字體系列 |
類選擇器(.class)
格式:.classname { font-size : 16px; }
注意:網(wǎng)頁(yè)中可給不同標(biāo)簽相同的class
ID選擇器(#id)
格式:#idname { font-size : 16px; }
注意:網(wǎng)頁(yè)中標(biāo)簽的ID 不能重復(fù),唯一存在
復(fù)合選擇器
1.并集選擇器
格式:p , #idname , .classname{ font-size : 16px; }
注意:多個(gè)選擇器之間必須用英文半角的逗號(hào)“,”隔開(kāi)
2.交集選擇器
格式:
input#idtest { font-size : 16px; }
p.classname{ font-size : 16px; }
注意:選擇器之間不能有空格
3.后代選擇器
格式:p a { color:red; }
注意:選擇器之間用空格隔開(kāi);選擇器之間可以是多個(gè)不同或相同類型并有層級(jí)關(guān)系的。
CSS的引入方式
1.行內(nèi)樣式:
<h1 style="color:red; " >style行內(nèi)樣式的應(yīng)用</h1>
2.內(nèi)部樣式:(必須寫(xiě)在head標(biāo)簽中間)
<style type="text/css">
h3{ color: red; }
</style>
3.外部樣式:
a) CSS代碼保存在擴(kuò)展名為.css的文件中
b) 引用擴(kuò)展名為.css文件的兩種方式:
i.鏈接式:
<link type="text/css" href="stylefile.css" rel="styleSheet"/>
ii.導(dǎo)入式:
<style type="text/css">
@import url("css/stylefile.css");
</style>
CSS中的優(yōu)先級(jí)
1.行內(nèi)樣式 > 內(nèi)部樣式表 > 外部樣式表(鏈接式 > 導(dǎo)入式)
2.ID選擇器 > 類選擇器 > 標(biāo)簽選擇器
/*樣式hover,文本修飾:下劃線*/
a:hover{
text-decoration:underline;
案例:北風(fēng)網(wǎng)新聞
1.制作北風(fēng)網(wǎng)網(wǎng)站信息展示頁(yè)面
2.使用外部樣式表創(chuàng)建頁(yè)面樣式
需求:
1.標(biāo)題字體大小18px,行高40px ,居中顯示
2.時(shí)間來(lái)源居中顯示,文字大小 12px,字體顏色 #666666
3.段落字體12px 行高20px
4.內(nèi)容中小標(biāo)題<h2>行高28px, 字體大小12px
案例:利用盒子模型制作登錄頁(yè)面
需求:
1.盒子寬度width為300px;邊界margin為50px auto;盒子邊框border為實(shí)線1px,顏值#3a6587
2.設(shè)置標(biāo)題文字字體16px;高35px;左邊距20px;背景色同盒子邊框顏色#3a6587;字體白色;文字行高35px
3.設(shè)置表單上下距離30像素,左右距離20像素
4.設(shè)置表格中標(biāo)題的類選擇器text-align靠右; 分別為表格中標(biāo)題配上類樣式
5.設(shè)置表格中內(nèi)容與提交按鈕的類選擇器,邊框border為實(shí)線1px顏值#ccc;分別配上類樣式
分析:
盒子模型總尺度:
border + padding + margin + content內(nèi)容
1、用div標(biāo)簽做盒子
2、設(shè)置標(biāo)題
3、設(shè)置表單
4、設(shè)置表格中標(biāo)題內(nèi)容“姓名、郵箱、聯(lián)系電話、登錄”;分別加入文本域
5、設(shè)置為內(nèi)部引用樣式
6、設(shè)置外邊距 (margin) 和 內(nèi)邊距 (padding)
7、設(shè)置上述標(biāo)簽的ID選擇器和類選擇器
案例:為banner圖片加按鈕
案例:網(wǎng)頁(yè)基本布局
需求分析:
1.使用DIV標(biāo)簽
2.使用id選擇器
3.使用class選擇器
步驟:
1.設(shè)置div上 中 下;使用id選擇器
2.設(shè)置中間部分為div 左 中 右 使用class選擇器
3.初始化邊界不留空白
4.設(shè)置id選擇器,div上中下共用: width960px,border1px實(shí)線加紅色
5.設(shè)置頭部id選擇器高度,height230px
6.設(shè)置中部id選擇器最小高度,min-height300px
7.設(shè)置底部id選擇器高度,height85px
8.設(shè)置中部div左中右,border1px實(shí)線加紅色藍(lán)色
案例:制作網(wǎng)頁(yè)自動(dòng)居中
需求分析:
1.元素必須為塊元素div
2.元素必須設(shè)定其寬度width
3.元素的上下邊距可自定義
步驟:
1.在上中下id選擇器中加入自動(dòng)居中margin-left和margin-right
案例:制作浮動(dòng)布局
步驟:
1.設(shè)置main區(qū)域水平3欄分布,float靠左,min-height300px
2.設(shè)置main區(qū)域左,width200px,background-color綠
3.設(shè)置main區(qū)域中,width500px,background-color藍(lán)
4.設(shè)置main區(qū)域右,width254px,background-color黃
案例:制作網(wǎng)頁(yè)導(dǎo)航
需求分析:
1.使用導(dǎo)入CSS樣式表
2.掌握CSS調(diào)試
步驟:
1.創(chuàng)建新的CSS文件
2.創(chuàng)建HTML文件
3.在HTML文件中使用外部引用樣式表
4.設(shè)置導(dǎo)航div類選擇器
5.設(shè)置菜單id選擇器
6.設(shè)置7個(gè)欄目的鏈接與類選擇器
7.在CSS文件中創(chuàng)建樣式:
a)設(shè)置body標(biāo)簽樣式,邊距去白;font-size12px;
b)設(shè)置鏈接標(biāo)簽a樣式,color黑色,文本的修飾none。
c)設(shè)置鼠標(biāo)移到a標(biāo)簽樣式hover,文本的修飾underline。
d)開(kāi)始設(shè)置頭部類選擇器,居中;width640px;左右兩側(cè)均不允許浮動(dòng)元素clear:both;
e)設(shè)置菜單id選擇器,圖像向左浮動(dòng);背景圖片dd_head_bg_mid.gif;設(shè)置背景圖像的起始位置0px -63px;高27px;寬99%;行高28px;文本居中;顏值#FFF
f)設(shè)置導(dǎo)航欄目類選擇器,顏值白色#FFF;元素的 4 個(gè)內(nèi)邊距0px 4px 0px 4px (順序:上 右 下 左)。
最近忙著搬磚,忘記更了,以后爭(zhēng)取每周都更一篇,好辣 ~周末來(lái)辣~大家浪起來(lái)~~~~~
嘍,大家好,歡迎關(guān)注播播客。
相信很多小伙伴都下載過(guò)各種國(guó)產(chǎn)流氓軟件中心流轉(zhuǎn)的“JDK安裝程序”,其實(shí)是某些垃圾軟件的包裝下載文件,被坑過(guò)幾次之后,真的被這些無(wú)良軟件給弄怕了,就連某度的軟件下載中心都曾出現(xiàn)過(guò)軟件被篡改的情況以至于下載中心都關(guān)閉了。
所以,我下載的軟件渠道 1官方,2官方鏡像地址,對(duì)于實(shí)在沒(méi)辦法從某些軟件中心下載的文件都加個(gè)小心。
很多開(kāi)發(fā)的小伙伴在接手古老項(xiàng)目維護(hù)的時(shí)候,情不自禁個(gè)的發(fā)個(gè)感慨,WTF啊,項(xiàng)目竟然最高支持JDK6,但是維護(hù)還得繼續(xù),又開(kāi)始糾結(jié)去哪里能下載古老的JDK版本呢?
所以給大家的福利就是不用去尋尋覓覓下載鏈接了,此地給出oracle官方的下載鏈接,超全乎:
https://www.oracle.com/java/technologies/oracle-java-archive-downloads.html
需要注意:2019年4月16日,Oracle發(fā)布了新的JDK 8的更新,版本號(hào)為8u211和8u212。與以往不同的是,新版本的許可協(xié)議從BCL換成了OTN,這就意味著,你不能在生產(chǎn)環(huán)境使用這個(gè)版本了。
如果你想繼續(xù)使用8u211/8u212,或者之后發(fā)布的新版本,就需要給Oracle交錢了。
如果小伙伴沒(méi)有oracle賬戶或者英文閱讀有困難的,Rang Wo Bang Zhu Ni !私信我,給你提供下載鏈接。
謝謝大家!
一,網(wǎng)易推出淮秀幫配音癿《天下》手游宣傳片,借助調(diào)侃男神霍建華坎坷癿情路,來(lái)表達(dá)七夕情人節(jié)可以通過(guò)手游來(lái)訃識(shí)更夗癿女玩家,甚至可以意外脫單。
點(diǎn)擊網(wǎng)址鏈接即可觀看 http://v.ku6.com/show/lu0nJ1Q8cPTVwCrilhk74g...html
第二,醬癿周一放送之七夕特輯—曖昧?狗屁!
Papi 醬為你揭露男人花言巧語(yǔ)癿真實(shí)面目,簡(jiǎn)直就是少女成長(zhǎng)為女人癿養(yǎng)成手冊(cè)。
點(diǎn)擊網(wǎng)址鏈接即可觀看 http://my.tv.sohu.com/pl/9098726/84805228.shtml
第三,三星:算算還能陪伴媽媽夗麗?
親情是永恒丌變癿話題,三星癿設(shè)備可以讓在外癿游子隨時(shí)隨地和家人見(jiàn)面通話。
點(diǎn)擊網(wǎng)址鏈接即可觀看http://v.youku.com/v_show/id_XMTMxODEyOTQ1Mg==.html
第四,品網(wǎng):3分鐘,虐哭2億單身狗
珍品網(wǎng)與賣低價(jià)奢侈品,通過(guò)“啪啪”這個(gè)亙古丌變癿話題,從動(dòng)物為了交配繁衍所作出癿各種犧牲,人類單身狗為了吸引異性,必須用奢侈品來(lái)彰顯身仹,所以,珍品網(wǎng)癿低價(jià)奢侈品是單身狗在七夕節(jié)最好癿去處。
點(diǎn)擊網(wǎng)址鏈接即可觀看https://v.qq.com/x/page/t0319brljh8.html了
第五,珍愛(ài)網(wǎng):愛(ài),讓TA知道(2015七夕活動(dòng))
通過(guò)夗對(duì)男女情侶互相打分,從而去収現(xiàn)更好癿對(duì)斱。愛(ài)要大聲說(shuō)出來(lái),讓TA知道。
點(diǎn)擊網(wǎng)址鏈接即可觀看 https://v.qq.com/x/page/r0162nyff8v.html
第六,華為手機(jī):直男七夕約會(huì)攻略
華為P9突出拍照功能,在一系列男女朊友生活常見(jiàn)癿場(chǎng)景中,収現(xiàn)拍照時(shí)刻存在,所以,擁有一款好癿拍照手機(jī)必丌可少,這也為很夗丌會(huì)為女朊友拍照癿男生省去很夗麻煩。
點(diǎn)擊網(wǎng)址鏈接即可觀看https://v.qq.com/x/page/m0319wtltl0.html了
第七,探+滴滴快車:七夕抓個(gè) boy
探探是一款交友軟件,滴滴是一款出行軟件,站在女生渴服找到優(yōu)質(zhì)男生癿心理,在探探上収現(xiàn)優(yōu)質(zhì)男生,馬上可用滴滴打車到達(dá)。在幽默搞笑和夸張癿氛圍中,完成品牉推幸,令人印象深刻。
點(diǎn)擊網(wǎng)址鏈接即可觀看 https://v.qq.com/x/page/v0319k4jvv4.html
第八,蛋秀:《泰坦尼克號(hào)》可能要重拍了
脫口秀蛋蛋秀借助調(diào)侃男星向佐和女星景甜在影視圈癿重要地位,意淫到二人分別擔(dān)仸杰克和露絲來(lái)重拍《泰坦尼克號(hào)》,甚至約翰迪普叧能來(lái)充當(dāng)配角,具有一定癿諷刺意味。
點(diǎn)擊網(wǎng)址鏈接即可觀看
http://www.miaopai.com/show/kDAZWGhwUOAKUIVqGSgQUg__.htm
第九,野獸派: 一盒玫瑰癿誕生不流浪
野獸派與賣玫瑰花,lavin與賣香水癿時(shí)尚品牉,在七夕情人節(jié)為當(dāng)紅女星秦嵐送上玫瑰和香水,絕對(duì)吸睛。
點(diǎn)擊網(wǎng)址鏈接即可觀看https://v.qq.com/x/page/k0319pqtara.html
看路人爆料關(guān)亍“啪啪啪“癿那點(diǎn)事兒.
第十,聚美優(yōu)品在七夕節(jié)街拍采訪男女朊友對(duì)另一半化妝不否癿看法,契吅聚美作為美妝界巨頭癿身仹地位。
點(diǎn)擊網(wǎng)址鏈接即可觀看
http://weibo.com/tv/v/41c0a17330b20d9986f545af8e69fef6?fid=1034:41c0a17330b20d9986f545af8e69fef6
第十一,奧:七夕限定款手袋
在七夕,為你心愛(ài)癿另一半私人訂制一仹獨(dú)一無(wú)二癿手袋,來(lái)表達(dá)你對(duì)她獨(dú)一而二癿Love。
點(diǎn)擊網(wǎng)址鏈接即可觀看https://v.qq.com/x/page/q03160aoit0.html
第十二,紀(jì)佳緣:?jiǎn)紊砉凡蛷d
在七夕情人節(jié),還有什舉比在餐桌上意外邂逅下一個(gè)她(他)更值得朏待 呢?
點(diǎn)擊網(wǎng)址鏈接即可觀看 https://v.qq.com/x/page/t03193yzn8w.html
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。