整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          搭建apache服務器,默認網站瀏覽,默認頁頁面文件修改

          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概述

          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的引入

          CSS一共有三種引入方式。用例子說明:

          ①行內樣式

          直接在標簽中添加style屬性,也能起到引入CSS的效果。

          但是為了降低耦合度,一般在HTML主干中只搭建結構,設定樣式專門交給CSS來做。

          ②內部引入

          也就是一開始的那個例子,sytle標簽是放在head標簽中的。

          除了這兩種,還有一種外部引入方式:

          ③外部引入(一)

          可以自定義一個CSS文件,在里面寫自定義的樣式。

          然后在HTML文件中使用style標簽引入該CSS文件即可,其中引入格式如下:

          @import+CSS文件路徑。

          和Java中的導包很類似,文件路徑中的“..”表示回到上一層。

          ④外部引入(二)

          除了使用style外,還可以使用link標簽外部引入:

          • type屬性:指定文本的類型。
          • rel屬性:relation的簡寫,指定當前的HTML與CSS文件之間的關系。
          • href屬性:CSS文件地址,上面兩個屬性都可以省略,但是href屬性不能省略。

          關于這三種引入方式的優先級:

          行內引入是最優先的。

          內部引入和外部引入,就看哪個離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屬性,也不會修改其樣式。

          ④偽類選擇器

          格式為:標簽名+冒號+對應的狀態

          • link:也就是鼠標未點擊時為黑色。
          • hover:懸浮的意思,也就是鼠標放在上面時為紫色。
          • active:行為的意思,也就是鼠標點擊時的顏色為紅色。
          • visited:訪問過的意思,也就是鼠標點擊后的顏色為藍色。

          所以為什么叫偽類?

          并不是修改的某個具體的類修改,而是對標簽對應的狀態進行修改。

          其中關于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


          主站蜘蛛池模板: 国产精品免费综合一区视频| 国模吧一区二区三区精品视频| 人妻夜夜爽天天爽一区| 亚洲av乱码一区二区三区按摩 | 97精品一区二区视频在线观看 | 无码一区二区三区免费| 无码国产亚洲日韩国精品视频一区二区三区 | 伊人色综合一区二区三区影院视频 | 国产无线乱码一区二三区| 亚洲字幕AV一区二区三区四区| 中日韩一区二区三区| 国产激情精品一区二区三区| 精品一区二区三区免费毛片| 日本一区二区三区精品视频| 亚洲熟妇无码一区二区三区| 国产精品高清一区二区人妖| 亚洲AV日韩AV天堂一区二区三区| 三上悠亚一区二区观看| 一区二区三区免费视频播放器| 国产精品资源一区二区 | 熟女精品视频一区二区三区| 中文字幕在线无码一区| 亚洲色婷婷一区二区三区| 日本一区二区不卡在线| 无码少妇一区二区| 久久精品国产一区二区三区肥胖| 熟女性饥渴一区二区三区| 美女啪啪一区二区三区| 91精品国产一区二区三区左线 | 亚洲欧洲专线一区| 国产SUV精品一区二区四 | 亚洲码欧美码一区二区三区| 色偷偷一区二区无码视频| 精品福利一区二区三区免费视频 | 中文字幕一区二区三区在线播放| 少妇人妻偷人精品一区二区| 无码日韩精品一区二区免费暖暖| 一区二区视频在线播放| 在线精品亚洲一区二区| 亚洲一区二区精品视频| 中文字幕精品无码一区二区|