HTML和css積累

原創 微笑吃橘子 2020-02-20 18:25

實現輸入框的效果


HTML代碼

<input name="select"  size="20" placeholder="請輸入要查詢的內容" id="select" /> &nbsp;&nbsp;
<button class="but" >登錄</button>


css代碼





























微笑吃橘子



發佈了28 篇原創文章 · 獲贊 2 · 訪問量 5萬+





私信

關注

















發表評論














所有評論



還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.







相關文章








怎樣讓div中的字上下左右居中






<div style="height: 30px;line-height: 30px;text-align: center;">
讓我居中
</div>使line-height和height一樣就能讓字上下居中






shaochengand

2020-07-08 11:56:57









TOMCAT下配置項目路徑






對工程的部署一般是將工程的壓縮文件放在tomcat安裝目錄的webapps下，訪問時通過鍵入：http://localhost:8080/xx(假定爲本機訪問，xx是部署時的應用工程的訪問名字）。 而如果直接鍵入：http://loca






shaochengand

2020-07-08 11:56:57









Axios--基礎知識






下載使用方式：
npm: $ npm install axios
cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
案例（GET以及POST請求






GQ_cyan

2020-07-08 11:50:38









HTML5入門之常用標籤






html5標準網頁聲明
<!DOCTYPE html>
必要結構
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>






blackcatkiller

2020-07-08 10:51:12









uniapp的相關介紹






1.pages.json 
 官網地址：https://uniapp.dcloud.io/collocation/pages?id=%e9%85%8d%e7%bd%ae%e9%a1%b9%e5%88%97%e8%a1%a8
    pag






大佬养成记

2020-07-08 07:55:30









uniapp的那些坑






1.selectedColor不起作用
     1.查看位置是否寫對，與lis同級
                 
 2.是否爲16進制，selectedColor寫的rgb不支持
 3.是否被其他樣式覆蓋，其他地方也設置過sele






大佬养成记

2020-07-08 07:55:14









javascript之基於tensorflow的posenet項目






1）源代碼如下：
git clone https://github.com/tensorflow/tfjs-models
2）編譯：
tfjs-models>yarn
tfjs-models>cd posenet
tfjs-models\






嵇康

2020-07-08 04:18:10









Web前端-Vue--vue-cli腳手架






Vue-cli腳手架搭建:
拿到新電腦第一次配置環境要做的步驟(以前沒有配置過環境):
安裝npm命令:
    
1.去nodejs官網下載node.exe  官網地址:https://nodejs.org/zh-cn/
2. node






yanghainan0318

2020-07-08 01:18:38









Web前端-Vue--路由，本地mock數據搭建，keep-alive，active-class，重定向redirect






路由
   路由的最基本配置:
    1.下載vue-router模塊(我們搭建vue項目時 已經勾選下載 所以在這不需要重複下載)
    2.在main.js 使用import語句 引入vue-router模塊
    3.讓vue






yanghainan0318

2020-07-08 01:18:38









前端小白快速入門 之（一）HTML5 詳解






作者：浪子花夢 , 個人簡介：一個有趣的程序員 ~
從今天開始，我將開始學習前端、ASP.NET 的一些知識，莫把假期浪費，大家一起衝！ 衝！ 衝！
此文只針對向我一樣初學的小白，將詳細講解一些基礎且重要的HTML5 的知識






浪子花梦

2020-07-08 00:22:12









vscode如何快速生成標準的html代碼






步驟： 一、先輸入一個英文狀態下的 !
            二、點擊 tab 鍵
            三、自動生成標準的html代碼（見圖）
            
            






浅笑安然~

2020-07-07 21:50:48









初入前端項目實訓-音樂之家






主要內容：介紹html和css，使用html和css實現一個簡單的音樂播放網頁，後面有源碼；
工具：Dreamweaver
說明：自己在學習的過程的一些記錄，和大家一起分享，若有錯誤之處和不當之處還望大家指出
 
d1：html文本標記語






风云庐陵水

2020-07-07 19:57:39









html5前端圖片壓縮，只需幾行底層代碼搞定，大小可配置






        /**
         * 圖片壓縮，大仙造
         * 技術交流495120021
         * @param fil
         * @param id
         */
     






jly_灵宝娃

2020-07-07 14:42:11









深度理解瀏覽器前端優化






優化關乎速度和滿意度。
從用戶體驗（UX）角度，我們希望前端網頁可以快速加載
從開發體驗（DX）角度，我們希望前端是快速，簡潔，規範的
瀏覽器都做了什麼?
我們希望瀏覽器打開一個簡單的網頁
<!DOCTYPE html>
<h






June.1

2020-07-07 11:48:23









html 編碼規範






https://segmentfault.com/a/1190000002465212#articleHeader7    html 編碼 規範






微笑吃橘子

2020-07-07 10:28:55