日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

a标签去除下划线css_数据分析师所需的编程技能 : CSS篇

發布時間:2023/12/19 CSS 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 a标签去除下划线css_数据分析师所需的编程技能 : CSS篇 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Html篇里提到過css是啥,CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

1、一個CSS樣式示例:

CSS全稱為“層疊樣式表 (Cascading Style Sheets)”,它主要是用于定義HTML內容在瀏覽器內的顯示樣式,如文字大小、顏色、字體加粗等。

例子:從代碼可以看到,我在<head>結構里定義了一個名字為c的css樣式,并且在<body>里對其中一個Dathon使用了它。

<

結果:

2、CSS樣式語法

2.1)css 樣式由選擇符和聲明組成,而聲明又由屬性和值組成,如下圖所示:

2.2)選擇符:又稱選擇器,指明網頁中要應用樣式規則的元素。

2.3)聲明:在英文大括號“{}”中的的就是聲明,屬性和值之間用英文冒號“:”分隔。當有多條聲明時,中間可以英文分號“;”。

注意:為了使用樣式更加容易閱讀,可以將每條代碼寫在一個新行內,如下所示:

p{font-size:12px;color:red;}

3、CSS樣式的種類

3.1)、內斂式css樣式,直接寫在現有的html標簽中,代碼如下:

<p style="color:red">這里文字是紅色。</p>

若有多條css樣式代碼可以寫在一起,中間用分號隔開,代碼如下:

<p style="color:red;font-size:12px">這里文字是紅色。</p>

內聯式的缺點:若多個元素都需要用css樣式,那么代碼量就多很多。

3.2)、嵌入式css樣式,寫在當前的文件中,嵌入式css樣式,就是可以把css樣式代碼寫在<style type="text/css"></style>標簽之間,代碼如下:

<style type="text/css">span{color:red;}</style>

注:嵌入式css樣式必須寫在<style></style>之間,并且一般情況下嵌入式css樣式寫在<head></head>之間。

3.3)、外部式css樣式,寫在單獨的一個文件中。簡單來說就是我們新創一個文件,寫上css樣式并命名為style.css例如:

span{color:red;}

然后我們在另一個html文檔中使用<link>標簽將樣式文件鏈接,代碼如下:

<link href="base.css" rel="stylesheet" type="text/css" />

注:

1、css樣式文件名稱以有意義的英文字母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、<link>標簽位置一般寫在<head>標簽之內。

3.4)、三種方法的優先級

如果你將這幾種方法都用于某個元素,那么它最后會程序哪個CSS樣式呢,這其實涉及權值的問題,可以大致的理解為優先級:內聯式 > 嵌入式 > 外部式

4、CSS選擇器

4.1)、什么是選擇器?

在{}之前的部分就是“選擇器”,如:

選擇器{ 樣式;}

4.2)、標簽選擇器

標簽選擇器其實就是html代碼中的標簽。如<html>、<body>、<h1>、<p>、<img>。例如下面代碼:

p{font-size:12px;line-height:1.6em;}

4.3)、類選擇器

類選擇器在css樣式編碼中是最常用到的,語法:

.類選器名稱{css樣式代碼;}

注:

1、英文圓點開頭

2、其中類選器名稱可以任意起名(但不要起中文噢) 使用方法:

(1)創建css樣式:

.setgGeen{color:green;}

(2)將類選擇器使用到某個元素中去:

<span class"setgGeen">Dathon</span>

4.4)、ID選擇器

語法:與類選擇器僅只是.和#的區別

#setGreen{color:green;}

使用方法:與類選擇器一致,但class變為id。

4.5)、類和ID選擇器的區別

1、ID選擇器只能在文檔中使用一次。

2、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。(ID選擇器不行)

4.6)、通用選擇器

它使用一個(*)號指定,它的作用是匹配html中所有標簽元素,如下使用下面代碼使用html中任意標簽元素字體顏色全部設置為紅色,語法:

* {color:red;}

5、CSS的性質

5.1)、繼承

CSS的某些樣式是具有繼承性的,繼承是一種規則,它允許樣式不僅應用于某個特定html標簽元素,而且應用于其后代。比如下面代碼:如某種顏色應用于p標簽,這個顏色設置不僅應用p標簽,還應用于p標簽中的所有子元素文本,這里子元素為span標簽。但注意有一些css樣式是不具有繼承性的。如border:1px solid red。

p{color:red;} <p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩。</p>

5.2)、層疊

如果在html文件中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值怎么辦?

標簽的權值為1,類選擇符的權值為10,ID選擇符的權值最高為100。

層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前后順序來決定,處于最后面的css樣式會被應用。

5.3)、重要性

我們在做網頁代碼的時,有些特殊的情況需要為某些樣式設置具有最高權值,怎么辦?這時候我們可以使用!important來解決,語法:

p{color:red!important;}

6、CSS樣式語法

6.1)、字體設置,語法:

body{font-family:"宋體";}

6.2)、字號與顏色設置,#666灰色

body{font-size:12px;color:#666}

6.3)、粗體。當然也可以用html<strong>等去做

span{font-weight:bold;}

6.4)、斜體

a{font-style:italic;}

6.5)、下劃線

a{text-decoration:underline;}

6.6)、刪除線

.oldPrice{text-decoration:line-through;}

6.7)、段落排版 -- 縮進:以下為縮進文字2倍大小的意思(可理解為縮進兩個空格),再也不用一直打&nbsp

p{text-indent:2em;}

6.8)、段落排版 -- 行高

p{line-height:1.5em;}

6.9)、段落排版 -- 文字間距

h1{letter-spacing:50px;} ... <h3>Dathon</h3>

結果:

6.10)、段落排版 -- 單詞間距

h1{ word-spacing:50px;} ... <h3>Dathon=Data+python</h3>

結果:

6.11)、段落排版 -- 對齊

h1{text-align:center;}

css相關的內容暫時就總結這些,非常基礎,主要是輔助自身工作用,而不是做前端。那數據分析所需要的前端技能篇就暫時告一段落,往后應該是寫機器學習入門篇。

姐妹篇:

小匿:數據分析師所需的編程技能 : html篇?zhuanlan.zhihu.com

一個記錄會計到數據、算法路上所學的微信公眾號:Dathon

總結

以上是生活随笔為你收集整理的a标签去除下划线css_数据分析师所需的编程技能 : CSS篇的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。