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