初识HTML、CSS
生活随笔
收集整理的這篇文章主要介紹了
初识HTML、CSS
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
??HTML、CSS、JS這三兄弟聽了好多次,但這次還是第一次用。寫一篇總結一下!
??首先需要明白三者的關系,簡單點兒說:HTML負責顯示,CSS負責好看,JS負責更好的和用戶溝通(我是這么認為的~)
??由于時間關系,JS還沒學到。所以本篇整理了一些HTML、CSS的常用知識點,做個提醒。日后有時間再深學吧!
一、HTML
// 各級標題(1-5),1最大 <h1>這是一個標題。</h1> <h2>這是一個標題。</h2> <h3>這是一個標題。</h3><p> 段落 </p>// body中的鏈接 <a>鏈接:<a href="https://www.runoob.com", >這是一個鏈接</a>// 連接css,需要放在<head>中 <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/D_op_add.css',_external=True) }}"/><hr>水平線 <br>換行<div>模塊</div>HTML的注釋是{#注釋內容#}// html中可以對所有關鍵字進行樣式修飾,在style中可以進行多個參數修飾(其實我覺得CSS就是把這部分修飾獨立了出來): <h1 style="text-align: center;color: rgb(193,210,240);" > 請輸入群眾信息</h1>//rgb三個顏色參數,rgba四個參數,第四個是透明度(范圍是0-1) rgb() rgba()列表:無序列表、有序列表
無序列表:
有序列表:
二、CSS
??CSS文件剛建的時候是空的,需要自己一點點加。每一模塊以類的形式存在(在HTML中對于css的調用就是通過class)。有兩種引用:關鍵字類、自定義類。關鍵字類就是指對于HTML中預設的關鍵字(比如h1)設定相應樣式,在HTML運行顯示的時候就會指定顯示。自定義類就是自己設定名字,可對傳過來的變量進行修飾。
??要想學好CSS,必須深刻理解盒子模型(我理解的不太好),我就簡單談談項目中用到過的一些參數的含義:
??一組可以實現懸浮按鈕代碼:
.sign-btn{left: 70%;top: 80%;position: absolute;text-align: center;margin-top: 50px;margin-bottom: 50px;background: rgba(100,149,237,.7);color: aliceblue;font-size: 15px;border-radius: 44px;cursor: pointer;transition: 0.8s; }.sign-btn:hover{transform:scale(0.96); }??寫到這兒突然發現自己還有太多太多的不熟悉,希望和大家一起加油!繼續學習新的東西~
??最后留一個很好的學習網站吧(里面有很多的案例教學):https://www.runoob.com/
因作者水平有限,如有錯誤之處,請在下方評論區指出,謝謝!
總結
以上是生活随笔為你收集整理的初识HTML、CSS的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: masscan安装、研究、测试之旅、扫描
- 下一篇: visual studio运行时库MT、