pache服務器是Linux系統中基于提供網站web瀏覽的服務器,是建立web站點非常常用的服務器軟件之一,除了apache還有nginx。今天以apache服務器軟件為例給大家做介紹。
1、安裝apache服務程序
httpd是apache服務器軟件的軟件包名
yum安裝httpd
安裝更新完成
2、啟動apache服務,將apache服務加入到開機自啟動中。
啟動apache,添加開機自啟
3、打開firefox,測試127.0.0.1
地址欄中輸入127.0.0.1或localhost都可以測試!
測試本機頁面訪問,測試頁可以打開
到此為止,apache服務安裝好了,接下來我們先了解一下apache服務器配置文件和應用服務。
服務目錄 /etc/httpd
主配置文件 /etc/httpd/conf/httpd.conf
網絡數據目錄 /var/www/html
訪問日志 /var/log/httpd/access_log
錯誤日志 /var/log/httpd/error_log
apache主配置文件httpd.conf
httpd配置文件中相關選項的解釋:
ServerRoot /服務目錄
ServerAdmin /管理員郵箱
User /運行服務的用戶
Group /運行服務的用戶組
ServerName /網站服務的域名
DocumentRoot /網站數據目錄
Listen /監聽的IP地址和端口號
Directory Index /默認索引頁
Timeout /網頁超時時間
Include /需要加載的其他文件
網站數據目錄把網站數據存放在/var/www/html目錄下,叫做index.html,所以我們可以修改或替換httpd服務程序的默認頁,操作會馬上生效的。
再次打開firefox,測試127.0.0.1
測試成功
備注:
修改網站數據目錄會在下一篇文章繼續給大家做介紹。
天是劉小愛自學Java的第78天。
感謝你的觀看,謝謝你。
話不多說,繼續前端之CSS的學習:
其中在頭條搜索中也有很多關于CSS的干貨教程,專業又詳細,點擊下方卡片搜索“CSS”了解更多
CSS,全稱是Cascading Style Sheet,翻譯過來就是層疊樣式表。
它有一個非常厲害的功能,就是美化網頁。
本質上HTML也可以美化網頁,但是CSS更加地強大,可以實現很多HTML不能實現的功能。
CSS有一個核心標簽叫style,也就是樣式的意思,CSS本身也就是可以設定各種各樣的樣式。
用一個例子來說明:
<style>標簽,放在<head></head>標簽里面。
①h1的美化
如果純用HTML,是沒法對標題進行顏色設置的。
但使用CSS,就可以對標題進行各種樣式的設置,上圖只舉了顏色這個例子。
②字體的美化
字體是可以在HTML中設置屬性的,比如顏色(color),比如大小(size)…
而CSS等于是將這些屬性抽取出去了,專門放在<style>標簽中了。
這樣有什么好處?
降低耦合度,分工更加地明確,CSS專門用來美化,HTML專門用于結構搭建,如果想設定格式,指定CSS就好了。
這個就有點類似于Java中方法的封裝,或者說經典三層架構。
Service層專門負責具體的業務邏輯,Dao層專門負責數據庫的查詢,Service想訪問數據庫,調用Dao層就好了。
CSS一共有三種引入方式。用例子說明:
①行內樣式
直接在標簽中添加style屬性,也能起到引入CSS的效果。
但是為了降低耦合度,一般在HTML主干中只搭建結構,設定樣式專門交給CSS來做。
②內部引入
也就是一開始的那個例子,sytle標簽是放在head標簽中的。
除了這兩種,還有一種外部引入方式:
③外部引入(一)
可以自定義一個CSS文件,在里面寫自定義的樣式。
然后在HTML文件中使用style標簽引入該CSS文件即可,其中引入格式如下:
@import+CSS文件路徑。
和Java中的導包很類似,文件路徑中的“..”表示回到上一層。
④外部引入(二)
除了使用style外,還可以使用link標簽外部引入:
關于這三種引入方式的優先級:
行內引入是最優先的。
內部引入和外部引入,就看哪個離HTML文件主體近(就近原則)
選擇器的作用在于:可以幫我們從頁面上獲得對應的標簽。
其中有最基本的三種選擇器:
①id選擇器
格式為:#+id名{}
關于id我做了個測試,發現不能用純數字,老實說我還挺奇怪的,一般id不都是純數字么。
就當是CSS的命名規則好了,不能是純數字,否則沒有作用。
其中id選擇器是唯一的,也就是一個id在一個HTML文件中只能有一個。
②類選擇器
格式為:.+類名{}
類是可以有多個的,比如同樣是font標簽,相同的id只能有一個,但是相同的類可以有多個。
③標簽選擇器
格式為:標簽名{}
HTML中是有很多標簽的,可以直接使用過標簽作為選擇器,上圖例子中是font標簽。
關于這三種選擇器的優先級:
id選擇器最大,類選擇器次之,標簽選擇器最小。
這其實也很好理解:
id選擇器最精準,優先級越高(例子中①哪怕也是myClass類,標簽也是font),但樣式還是按照id選擇器設定的來。
除了三種基本選擇器外,還有好幾種選擇器:
①層級選擇器
格式為:div+空格+標簽名{}
標簽與標簽之間是用空格隔開的。
在HTML中有一個div標簽,這個標簽和CSS結合起來很有用。
比如上述例子中,同樣是h1標簽,但是只渲染div標簽中的h1標簽。
②并集選擇器
格式為:div+逗號+標簽名{}
標簽與標簽之間是用逗號隔開的,也就是相當于將標簽選擇器并起來了,同時修改多個標簽的樣式。
③屬性選擇器
格式為:標簽名[屬性名="對應的值"]{}
font標簽中有很多屬性,CSS可以指定其中對應的屬性。
比如size=“3”的才修改樣式,其中哪怕font默認字體size為3,但是沒有寫出size屬性,也不會修改其樣式。
④偽類選擇器
格式為:標簽名+冒號+對應的狀態
所以為什么叫偽類?
并不是修改的某個具體的類修改,而是對標簽對應的狀態進行修改。
其中關于CSS選擇器真的太多太多了,可以查詢W3C官方文檔,如下圖:
這還是我截圖的一小部分,其它的截不下了,一共有幾十種。
想要完全把它學習下來真心需要花一定的時間,但我畢竟還是以學Java后臺為主,對前端只做一個基本的了解。
以后有機會再做做總結什么的,估計也沒什么機會了……
謝謝你的觀看。
如果可以的話,麻煩幫忙點個贊,謝謝你。
友們,下午好!
都說一張美美的圖能為文章增色三分!
那如果是一個交互的圖片樣式 + 幾張美美圖呢?這能為文章增色多少呢?
比如這種(樣式ID:90298)
使用這種樣式,即能有效的展示圖片,還能縮小文章空間,而且還與讀者存在互動交互,想不想知道這種樣式怎么做出來呢?
上面兩種樣式都可以在樣式中心輸入ID搜索到。
但是,樣式中心的原樣式,都是四張圖片滑動的,直接進行換圖就可以使用了。
但如果要像三兒上面做的兩個樣式,一個是5張圖,一個是9張圖,就要進HTML進行修改了。
進入到“HTML”模式,找到<section .........> </section>這段代碼,先選擇Ctrl+C復制。
然后在此段代碼結尾處敲回車鍵換行,再選擇Ctrl+V粘貼。
粘貼幾次,樣式就會在原有四張的基礎上多出幾張,胖友們可以根據自己的需求進行多次粘貼。
進入到“HTML”模式,找到<img src=........./>這段代碼,先選擇Ctrl+C復制,然后在此段代碼結尾處,再Ctrl+V粘貼。
同上個樣式,粘貼幾次,樣式就會在原有四張的基礎上多出幾張,胖友們可以根據自己的需求進行多次粘貼。
為了樣式的美感,還是有三點建議給大家。
1、圖片請保持尺寸一致。否則會導致圖片層次不齊。
2、尺寸請500x500以上。否則可能會使圖片不清楚。
3、圖片大小盡可能小點。否則瀏覽時加載會不流暢。
更多好玩樣式,請進樣式中心搜索“滾動”
好了,本次教程就到這里~bye
*請認真填寫需求信息,我們會在24小時內與您取得聯系。