博客系統頁面設計

文章目錄HTML博客列表頁面(index.html)博客正文頁面(article.html)博客登錄頁面(login.html)博客編輯頁面(editor.html)CSScommon.cssedit.cssarticle.cssindex…

20.【移動端Web開發之響應式佈局】

文章目錄【移動端Web開發之響應式佈局】前端小抄(20)一、響應式開發1.1響應式開發原理1.2響應式佈局容器二、Bootstrap前端開發框架2.1Bootstrap簡介2.2Bootstrap使用2.3佈局容器三、Bootstrap柵格…

10個好用的的css框架

一、tailwindTailwindCSS是一個功能類優先的CSS框架,它集成瞭諸如flex,pt-4,text-center和rotate-90這樣的的類,它們能直接在腳本標記語言中組合起來,構建出任何設計。主要特性:組件化體積小,性能高…

13、JavaScript DOM-事件高級

1、事件對象【獲取事件對象】什麼是事件對象:是個對象,這個對象裡有事件觸發時的相關信息。事件對象的語法元素.addEventListener(‘click’,function(e){})【事件對象常用屬性】type:獲取當前的事件類型cli…

JS實現表格增、刪、排序

1、根據圖片,完成頁面佈局,100%還原,圓角使用border-radius:3px;2、實現文本框添加姓名、年齡,要求不能添加空值,表格中ID需要按照序號依次自動生成。3、點擊移入變色按鈕開啟變色,再點擊一次,關閉變色4、搜索具體的姓名,…

制作一個簡單HTML個人網頁網頁(HTML+CSS)

一個簡單的HTML網頁,這是我大學的一個期末作業,照片都是網上找的看一下成品圖主頁代碼,這裡的是引入css樣的,images裡面裝的是css文件我的驛站主頁我的偶像我的相冊我的日志我的音樂我的個人簡介。姓名:lz性別:男生日:0809學校:…

CSS 基礎語法

前言:之前我們寫瞭Html的部分簡單標簽,本篇,我們將學習CSS的基礎語法CSSCSS簡介基本語法規范引入方式1.內部樣式表2.行內樣式表3.外部樣式CSS選擇器CSS選擇器詳解-點擊跳轉CSS常用屬性字體屬性設置字體字體大小&字體粗細字體樣式文本屬性文本顏色文本對齊文本裝飾文本縮進&行高背景屬性背景顏色背景圖片&背景平鋪背景位置&背景尺寸圓角矩形生成圓形生…

angular 實現表格的自滾動

angular實現表格的自滾動表格自滾動效果圖實現原理:具體實現:表格自滾動效果圖實現原理:原理:每一次的滾動都是在其setInterval()定時器的作用下,每次將DOM.scrollTop++具體實現:1、.html代碼如下:(這裡我使用div模擬成table)divstyle=”padding:100px;”>divclass=”tableTitleR…

六,HTML標準及其他

1,HTML5是當前的HTML標準。HTML標準現在是一個“活的標準”,這說明這個標準會不斷改變,加入新的特性和更新(向後兼容性:backwardscompatibility)。不過HTML標準不再有固定的版本號。2,萬維網協會(WorldWideWebConsortium,W3C)是定義HTML標準的標準組織。3,文檔定義類型(doctype)用來告訴瀏覽…

HTML常用標簽之註釋標簽

在HTML文檔中添加一些便於閱讀和理解的但又不需要顯示在頁面中的文字時,我們可以使用註釋標簽。註釋標簽的具體使用格式為,下面我們來看看具體代碼的實現~!DOCTYPEhtml>htmllang=”en”>head>metacharset=”UTF-8″>metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>met…

HTML期末作業~個人信息展示網站響應式模板(HTML+CSS+JavaScript)

項目:雷神個人信息展示項目作品描述:個人信息展示網站響應式模板HTML+CSS+JavaScript。主要包括的頁面有HOME,ABOUT,MOVIE,SPORTS,TRAVEL,SINGLE,CONTACT等總共7個頁面。視頻鏈接:分享兩個前端網頁,能用我的就別自己做瞭(含源碼)實現技術:CSS+HTML+JS+H5+CSS3+jqury+bootstra…

Html+Css+js實現春節倒計時效果(移動端和PC端)

目錄前言導語效果預覽html部分移動端樣式(mobile.css)pc端樣式(style.css)js部分效果演示移動端pc端總結前言我是歌謠我有個兄弟巔峰的時候排名c站總榜19叫前端小歌謠曾經我花瞭三年的時間創作瞭他現在我要用五年的時間超越他今天又是接近兄弟的一天人生難免坎坷大不瞭從頭再來歌謠的意志是永恒的放棄很容易但是堅持一定很酷導語歌謠歌謠新的一年就要…

我的簡易2048小遊戲記錄整理

前言:註:該篇記錄暫未實現過渡動畫以及移動端的上下左右操作我的2048後續最新效果展示2048GAME(226yzy.com)還有後續代碼我放在瞭我的Github上瞭226YZY/my2048game:我的簡易2048小遊戲(github.com)(本篇效果煩請自行根據代碼復現😂)本篇記錄中的代碼是我根據我對2048的基本遊戲邏輯,嘗試通過h…

JS實現隨機抽獎功能

點擊開始按鈕開始抽獎,div依次變紅!下面是js代碼,需要的自取下面是html,css代碼style>.father{width:600px;height:600px;/*border:1pxsoliddarkorchid;*/position:relative;margin:20pxauto;}input{width:100px;height:100px;…

HTML常用標簽之文本格式化標簽

文本格式化標簽有很多種,包括粗體、斜體、刪除線、下劃線等,下面的這張表格簡單地介紹瞭文本格式化標簽的使用標簽的具體使用,見以下代碼~!DOCTYPEhtml>htmllang=”en”>head>metacharset=”UTF-8″>metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>metaname=”vi…

學習TypeScrip10(枚舉類型)

在javaScript中是沒有枚舉的概念的TS幫我們定義瞭枚舉這個類型使用枚舉通過enum關鍵字定義我們的枚舉1.數字枚舉例如紅綠藍Red=0Green=1Blue=2分別代表紅色0綠色為1藍色為2enumTypes{Red,Green,BLue}這樣寫就可以實現應為ts定義的枚舉中的每一個組員默認都是從0開始的所以也就是enumTypes{Red=0,Gr…