前端學習1
1.<fieldset>和<legend>可用來在資料周圍新增一個帶標題的框
如圖:
2.<span>用來組合行內元素。譬如要求一段文字的第一個字要略大:
<p class="tip"><span>這</span>是一段普通文字。一段很普通很普通的文字。</p>
3.圓角border-radius,產生圓角輸入框
4.偽類的應用:豐富超連結的樣式。未訪問時的樣式-滑鼠懸浮樣式-訪問後的樣式(hover要放在link和visited之後)
5.採用相對路徑來匯入圖片:
<img src="IMG\timg.jpg" title="亂入表情包" width="80" height="100">
6.文字陰影text-shadow:
text-shadow:0.1em 1px 3px gray;
text-shadow: h-shadow v-shadow [blur] (模糊的距離) [color];
7.在head裡新增<meta charset=“UTF-8”>規定編碼方式,否則IE瀏覽器可能會將中文顯示為亂碼
相關推薦
前端學習1
1.<fieldset>和<legend>可用來在資料周圍新增一個帶標題的框 如圖: 2.<span>用來組合行內元素。譬如要求一段文字的第一個字要略大: <p class="tip"><span>這</span>
前端學習1-標籤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><for
前端學習(1)
一 首先需要寫個Socket伺服器 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('192.168.1.5',8888)) sock.li
web前端學習的基礎知識1
計算 當前位置 ons 前端開發 結果 軟件 ava pro pan Web前端是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁制作演變而來的,名稱上有很明顯的時代特征。目前看來,這個一個就業前景很大的職業。 web前端的學習不能一
從零開始學習前端開發 — 1、HTML基礎
大小 lpad 文件夾 check 受限 安全性 瀏覽器兼容 列表 type 一、web標準 web標準-網頁制作的標準,它是由一系列標準組成的,主要包含三個方面: 結構(html,xhtml),表現(css),行為(javascript) 註:結構和表現的標準由w3
前端學習筆記 1 - 職業入門
圖表 art 網絡 easyui 統計 one cap man mysql 1. Web的發展歷程 Web 1.0 -> 共享 Web 2.0 -> 交互 Web 3.0 -> 聚合 Web 1.0 只讀的互聯網時代 門戶網站為主,大多為靜態頁面(只讀瀏覽
前端學習之HTML(1)
HTML標籤學習 2018-10-31 記錄一下學習的網站 http://www.w3school.com.cn http://www.runoob.com/ 1 <!DOCTYPE html> 2 <html> 3 4 <head>
前端學習之JavaScript(1)
目錄 一. JavaScript簡介 二. 第一個JavaScript程式碼 三. 基本資料型別 四. 運算子 五. 資料型別轉換 六. 流程控制 七. 常用內建物件 八. 函式 一. JavaScript簡介 1. JavaScript歷史背景 布蘭登 ·艾奇(
前端學習---js.1
1、介紹js的基本資料型別 答: Undefined、Null、Boolean、Number、String 2、js有哪些內建物件? 答:資料封裝類物件:Object、Array、Boolean、Number 和 String 其他物件:F
web前端學習(四)JavaScript學習筆記部分(1)-- JavaScript基礎教程
1、JavaScript基礎教程 1.1、Javascript基礎-介紹、實現、輸出 1.1.1、JavaScript是網際網路上最流行的指令碼語言,這門語言可用於web和HTML,更可廣泛用於服務端、pc端、移動端。 1.1.2、JavaScript指令碼語言 JavaScript是一種輕量級的
前端學習(1)-輪播圖
1.背景 寫過一段時間的後臺程式碼,總感覺自己做的介面有些難看。想嘗試著寫一些好看的介面。於是我從基本的css+html+javacript複習起來。嘗試著做一個輪播圖。 2.第一部分 用HTML寫一個主體的框架。首先用ul列表來存放圖片和描述。接著寫一個di
天貓商城前端學習總結(1)
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://how2j.cn/study
前端篇--------1.css學習筆記
1.css 單行文字換行溢位解決方案(css三件套) white-space:nowrap overflow:hidden text-overflow:ellipsis
學習前端筆記1(HTML)
(注:此文是在看過許多學習資料和視訊之後,加上自身理解拼湊而成,僅作學習之用。若有版權問題,麻煩及時聯絡) 標準頁面結構: Html發展歷史: 注:每一種HTML需要有對應的doctype宣告。 H5 <
前端學習筆記1 HTML的6種空格
HTML提供了6種空格(space entity),它們擁有不同的寬度。 非斷行空格( )是常規空格的寬度,可運行於所有主流瀏覽器。其它幾種空格( 、 、 、&am
WEB前端學習 Day 1(DIV+盒子模型+CSS文字+例項)
關於html,用得最多的就是DIV。所以先把DIV學好,搞懂他的一些特性。其次,文字在一個網頁裡面也是很重要的,所以先學CSS文字。 從html下手,那麼,DIV是什麼? DIV就是一個塊,在DIV裡面又可以放很多塊或者別的元素。它就是一個容器。它有面積,它
Web前端開發學習1:靜態網頁
一靜態網頁概述 在網站設計中,純粹HTML(標準通用標記語言下的一個應用)格式的網頁通常被稱為“靜態網頁”,靜態網頁是 標準的HTML檔案,它的副檔名是.htm、.html
#前端學習之canvas—canvas練習(1)離奇事件:在正方形的畫布裡面繪製圓形顯示的是橢圓形
根據Html5的canvas的例子如下由於如此,於是我寫出一下的程式碼經過檢視才知道,canvas畫布的尺寸的大小和顯示的大小是有很大的區別的。在canvas裡面設定的是才是canvas本身的大小。前端渣渣一枚,看了很多大神的部落格,參考文章,可能自己半懂不懂的,可是隻要你反
前端學習(1):Tomcat,MySQL,eclipse——製作簡易留言板
基礎設定 1.下載brackets,用於編輯html文字 2.使用eclipse編輯jsp檔案作為網頁後臺指令碼 3.下載tomcat,在eclipse下配置tomcat 4.下載MySQL和視覺化和視覺化處理軟體Navicat,作為資料庫 遇到的問題 1.之前
網頁web前端學習技巧
編程 yahoo 語言 http 背景 帶來 組織 需要 觸發 1. 寫js效果時一定要註意先分析好效果的行為,盡量用最簡單通用性的代碼。分析步驟可以是1.先把要實現的功能一步一步的寫在紙上(即自然語言)2.再根據自然語言翻譯成機器語言,用jquery寫的代碼一定要註意代碼