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倍大小的意思(可理解為縮進兩個空格),再也不用一直打 
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篇的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: oracle中scn(系统改变号)
- 下一篇: CSS——基础选择器