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 亚洲日本视频在线观看,亚洲国产二区三区久久,中文字幕一区视频一线

          整合營銷服務商

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

          免費咨詢熱線:

          Css樣式一般寫在哪里?小白輕松入門

          Css樣式一般寫在哪里?小白輕松入門

          .1 直接在標簽上使用style屬性來設置樣式

          <div style="color: red;font-weight: bold;font-size: 120px;">果果爸爸青少年編程</div>

          一個html標簽,可以由多個“屬性名:屬性值”來進行修飾,多個屬性名之間用“;”隔開。

          1.2 引入CSS的三種方式

          行內css, 內部css, 外部css

          1.2.1行內css:

          <p style="color: blue;font-family: '黑體';">

          今天學習css了,網頁可以修飾了。

          </p>

          適合局部修飾網頁中少量html標簽

          1.2.2內部CSS

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title></title>

          <style type="text/css">

          p{

          font-weight: bolder;

          color:darkslategray;

          font-family: "微軟雅黑";

          }

          </style>

          </head>

          <body>

          <p>

          今天學習css了,網頁可以修飾了。

          </p>

          <p>

          今天學習JS了,可以控制網頁標簽了。

          </p>

          <p>

          今天學習HTML了,可以搭建網頁基礎結構了。

          </p>

          </body>

          </html>

          前一直使用windows系統的電腦,創建文件很簡單,改格式也非常的簡單。但換了蘋果電腦,如何創建一個HTML文件?卻把我給整蒙了。

          首先,為什么mac上不能直接新建文本文件

          因為mac一都是以應用的方式來管理文件。

          我們在Windows上的習慣是:找到一個目錄-->新建文件-->打開對應的應用-->記錄-->保存。

          mac的系統傾向是:打開應用程序-->記錄-->找目錄-->保存。

          一對比,我們發現mac并不是不能建文本文件,只是建的過程有些麻煩。

          下面我們來看一下詳細的操作步驟:

          一,在訪達里找到文本編輯器并打開。就看到下圖的樣子。


          二,找到左下角新建文稿,點擊,會出現一個編輯文稿的窗口。

          這時你就可以把你要寫的東西寫在這個文稿里邊,比如我就寫了一個簡單的html代碼。


          三,找到電腦窗口左上角,文件-->移到...


          這里就是把文件移入到你方便找的文件夾里,如下圖,會出現一個位置下拉框


          在這里我把這個文件存在了桌面上。


          四,在訪達里找到你的文件,右鍵點擊,在菜單欄里找到重新命名



          這時候你就可以把文件改成html格式。

          到這里改成HTML就完成了,然后選擇打開方式,在瀏覽器中打開,這時候你可能出現了,另外一個問題。

          為什么我的HTML文件在mac瀏覽器打開全是源碼?

          如下圖所示:


          解決方案如下:

          一,打開文本編輯。找到窗口左上角:文本編輯-->偏好設置


          二,設置兩樣東西,注意我紅色圈圈區域

          新建文稿設置:把格式改為純文本。


          打開和存儲設置:改成我圈住的勾選樣子


          再用瀏覽器打開html文件,就會出現下面的網頁了。



          如果有需要的,建議收藏呦!

          、CSS字體樣式

          定義字體系列,大小,粗細和文字樣式

          (一)字體系列(font-family)


          (二)字體大小(font-size)

          (三)字體粗細(font-weight)

          (四)字體樣式(font-style)

          (五)字體復合屬性(font)

           p {
              font: font-style font-weight font-size/line-height font-family;
            }
          

          不能更換順序,必須保留font-size和font-family

          二、CSS文本屬性

          定義文本外觀,如:文本顏色,對齊文本,裝飾文本,文本縮進,行間距等

          (一)文本顏色(color)

          (二)對齊文本(text-align)

          (三)裝飾文本(text-decoration)

          (四)文本縮進(text-indent)


          (五)行間距(line-height)

          三、格式化代碼

          1. Emmet語法
            前身為Zen coding,它使用縮寫來提高html/css的編寫速度,VSCode內部已經集成該語法,快速生成HTML結構語法和CSS樣式語法

          2. 快速生成HTML結構語法

          • 生成標簽,直接輸入標簽按Tab鍵即可
          • 生成多個相同的標簽,標簽加星號*鍵按Tab鍵
          • 父子級關系的標簽,可以用大于號>和enter鍵
          • 兄弟關系的標簽,可以用加號+和enter鍵
          • 生成帶有類名或id名字,可寫成標簽加.類名/#名加Tab鍵(p.one生成
          • 生成.div類名是有順序的,可用自增符號¥
          • 生成標簽的內部寫內容,可用{}表示

          3.快速生成CSS樣式語法

          • CSS基本采取簡寫形式即可(w 200 加Tab生成width: 200px;)
          • 單詞首字母加Tab鍵

          4.快速格式化代碼

          • Shift+Alt+F/右鍵-格式化代碼
          • 保存頁面時自動格式化代碼(在設置中的文本編輯器中找到格式,勾選Format On Save即可,也可把Format On Type勾選上)

          5.去掉li前面的項目符號


          主站蜘蛛池模板: 好爽毛片一区二区三区四 | 久久99精品国产一区二区三区| 精彩视频一区二区| 色狠狠一区二区三区香蕉| 高清在线一区二区| 国产精品一区在线播放| 亚洲AV无码一区二区三区系列| 日韩视频在线观看一区二区| 毛片一区二区三区无码| 无码人妻精品一区二区| 国产婷婷色一区二区三区| 美女视频一区二区| 国产一区二区三区在线电影| 韩国美女vip福利一区| 亚洲av综合av一区| 少妇激情AV一区二区三区| 风间由美性色一区二区三区| 奇米精品一区二区三区在| 国产精品第一区第27页| 日韩精品电影一区亚洲| 国产在线一区二区杨幂| 精品一区二区三区四区电影 | 日本强伦姧人妻一区二区| 在线观看视频一区二区| 亚洲欧美日韩中文字幕在线一区| 91在线一区二区三区| 2021国产精品视频一区| 亚洲一区二区三区亚瑟| 韩国福利一区二区美女视频| 亚洲熟妇无码一区二区三区 | 无码播放一区二区三区| 亚洲AV一区二区三区四区| 欧美日韩一区二区成人午夜电影| 色噜噜狠狠一区二区三区| 另类国产精品一区二区| 国产福利一区二区精品秒拍| 视频一区二区中文字幕| 一区二区三区免费视频观看| 精品国产AⅤ一区二区三区4区| 国产美女视频一区| 亚欧色一区W666天堂|