資訊專(zhuān)欄INFORMATION COLUMN
摘要：本文主要分享幾個(gè)網(wǎng)頁(yè)前端的幾個(gè)基礎(chǔ)知識(shí)點(diǎn)，用于零碎的知識(shí)學(xué)習(xí)，同時(shí)也是在實(shí)踐中的一些心得。俄奧斯特洛夫斯基展示幼圓人最寶貴的東西是生命。
本文主要分享幾個(gè)網(wǎng)頁(yè)前端的幾個(gè)基礎(chǔ)知識(shí)點(diǎn)，用于零碎的html知識(shí)學(xué)習(xí)，同時(shí)也是在實(shí)踐中的一些心得。最后給出了幾個(gè)小例子。
#這是id選擇器的標(biāo)志.這時(shí)class選擇器的標(biāo)志div標(biāo)簽的用法解釋
主要是用來(lái)設(shè)置涵蓋一個(gè)區(qū)塊為主，所謂的區(qū)塊是包含一行以上的數(shù)據(jù)，所以在的開(kāi)始之前與結(jié)束后，瀏覽都會(huì)自動(dòng)換行，所以?shī)A在間的數(shù)據(jù)，自然會(huì)與其前后文隔開(kāi)而自成一區(qū)快。
案例
普通內(nèi)容
我字體大小為16px
我字體顏色為紅色
我背景為黑色字體為白色
布局設(shè)置邊框和高度設(shè)計(jì)網(wǎng)頁(yè)時(shí)，我們將頁(yè)面和樣式分開(kāi)寫(xiě)：
樣式
#my_style_design{
position: fixed; /*固定定位*/
right: 0;
top: 50%; /*貼著右邊，垂直位置50%*/
height: 100px;
width: 100px; /*尺寸 100 x 100*/
transform: translate(0, -50%); /*通過(guò)位移，保證浮動(dòng)窗口的垂直居中*/
box-shadow: 0 0 3px 1px rgba(180, 180, 180, 0.5);
background-color: white; /*加些背景色和陰影，以便區(qū)分*/
}網(wǎng)頁(yè)
從上面可以看出，樣式和網(wǎng)頁(yè)是通過(guò)id="my_style_design"和#my_style_design聯(lián)系在一起的，也就是說(shuō)網(wǎng)頁(yè)上的使用的樣式為my_style_design。
使用
代碼
人最寶貴的東西是生命。生命對(duì)每個(gè)人來(lái)講只有一次。一個(gè)人的生命應(yīng)該這樣度過(guò)：當(dāng)他回首往事時(shí)，不會(huì)因虛度年華而悔恨，也不會(huì)因碌碌無(wú)為而羞恥。在臨死的時(shí)候，他能夠說(shuō)：我的整個(gè)生命和全部精力，都已獻(xiàn)給了世界上最壯麗的事業(yè)——為人類(lèi)的解放事業(yè)而斗爭(zhēng)。
——［俄］奧斯特洛夫斯基
展示
人最寶貴的東西是生命。生命對(duì)每個(gè)人來(lái)講只有一次。一個(gè)人的生命應(yīng)該這樣度過(guò)：當(dāng)他回首往事時(shí)，不會(huì)因虛度年華而悔恨，也不會(huì)因碌碌無(wú)為而羞恥。在臨死的時(shí)候，他能夠說(shuō)：我的整個(gè)生命和全部精力，都已獻(xiàn)給了世界上最壯麗的事業(yè)——為人類(lèi)的解放事業(yè)而斗爭(zhēng)。
——［俄］奧斯特洛夫斯基
代碼
展示
代碼
內(nèi)容
內(nèi)容
<<填寫(xiě)內(nèi)容>>
<<填寫(xiě)內(nèi)容>>
展示
| 重量 | 斷章 |
|---|---|
| 她把帶血的頭顱，放在生命的天平上，讓所有的茍活者，都失去了——重量。 | 你站在橋上看風(fēng)景，看風(fēng)景的人在樓上看你。明月裝飾了你的窗子，你裝飾了別人的夢(mèng)。 |
代碼
展示
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1516.html
摘要：我們知道在中多了幾個(gè)對(duì)數(shù)組使用的新特性。這里我們舉兩個(gè)實(shí)際的例子吧例子一仔細(xì)體會(huì)。例子二看到了吧，可以直接在循環(huán)中指定變量，然后在循環(huán)體中來(lái)使用，是不是很簡(jiǎn)單好了本文就這些內(nèi)容了，歡迎繼續(xù)關(guān)注。更多知識(shí)，請(qǐng)前往 我們知道在PHP7.1中多了幾個(gè)對(duì)數(shù)組使用的新特性。 這里我們舉兩個(gè)實(shí)際的例子吧： 例子一： // PHP 7.1+ $options = [enabled => true, ...
摘要：的幾個(gè)小技巧盡早將無(wú)效的用例盡早返回，避免意外和不必要的代碼處理。要添加一種新的就需要再添加一個(gè)分支判斷多重判斷時(shí)使用或者，避免過(guò)長(zhǎng)邏輯判斷改進(jìn)后一次循環(huán)兩個(gè)數(shù)組 JavaScript 的幾個(gè)小技巧 1. 盡早 return function transformData(rawData) { // check if no data if (!rawData) { ret...
摘要：利用的一些輔助函數(shù)進(jìn)行類(lèi)型轉(zhuǎn)換的函數(shù)和復(fù)雜的自定函數(shù)之間有一個(gè)中間段，那就是的一些輔助函數(shù)。這些輔助函數(shù)對(duì)于某些特定數(shù)據(jù)類(lèi)型的轉(zhuǎn)換非常有用如。 利用Pandas進(jìn)行數(shù)據(jù)分析時(shí)，確保使用正確的數(shù)據(jù)類(lèi)型是非常重要的，否則可能會(huì)導(dǎo)致一些不可預(yù)知的錯(cuò)誤發(fā)生。筆者使用Pandas已經(jīng)有一段時(shí)間了，但是還是會(huì)在一些小問(wèn)題上犯錯(cuò)誤，追根溯源發(fā)現(xiàn)在對(duì)數(shù)據(jù)進(jìn)行操作時(shí)某些特征列并不是Pandas所能處理的...
摘要：前言本篇是我在使用過(guò)程中，遇到的幾個(gè)小問(wèn)題和之前不了解的東西，記錄下來(lái)，希望能夠幫助各位踩坑。小結(jié)上面就是我分享的幾個(gè)小問(wèn)題，希望大家看了能夠有所收獲另明年準(zhǔn)備去上海，如果小伙伴的公司有坑，可以聯(lián)系一下我。 前言 本篇是我在使用vue過(guò)程中，遇到的幾個(gè)小問(wèn)題和之前不了解的東西，記錄下來(lái)，希望能夠幫助各位踩坑。如果喜歡的話(huà)可以點(diǎn)波贊，或者關(guān)注一下，希望本文可以幫到大家。 本文首發(fā)于我的個(gè)...
摘要：前言三年后端開(kāi)發(fā)經(jīng)驗(yàn)，面的目標(biāo)崗位是的高級(jí)后端開(kāi)發(fā)。面試結(jié)束，應(yīng)該沒(méi)有后續(xù)。 前言 三年Java后端開(kāi)發(fā)經(jīng)驗(yàn)，面的目標(biāo)崗位是20k-35k的高級(jí)后端Java開(kāi)發(fā)。 第一場(chǎng)，基本裸面，關(guān)于曾經(jīng)的項(xiàng)目部門(mén)答的不好，所以還是得好好準(zhǔn)備。 某C輪在線(xiàn)旅游公司 筆試 先做半個(gè)小時(shí)的筆試題，一共六個(gè)題目，兩道go語(yǔ)言的基礎(chǔ)題，一道斐波那契相關(guān)，一道數(shù)據(jù)庫(kù)行列轉(zhuǎn)置，一道實(shí)現(xiàn)一個(gè)棧，還有一道是百萬(wàn)計(jì)...
閱讀 3132·2021-11-15 18:14
閱讀 1785·2021-09-22 10:51
閱讀 3300·2021-09-09 09:34
閱讀 3515·2021-09-06 15:02
閱讀 1034·2021-09-01 11:40
閱讀 3194·2019-08-30 13:58
閱讀 2535·2019-08-30 11:04
閱讀 1089·2019-08-28 18:31
