整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
老師：
有時(shí)我們用WORD做文章，頁(yè)面上總會(huì)出現(xiàn)標(biāo)記，看起來很麻煩，那么怎樣去除這些標(biāo)記呢。
方法如下：
1、打開word；
2、在“工具欄”空白處，點(diǎn)擊鼠標(biāo)右鍵，彈出一個(gè)列表，在其中選擇“審閱”，會(huì)出現(xiàn)一個(gè)“審閱”的工具欄；
3、點(diǎn)擊“審閱”工具欄上的“接受所選修訂”后面的倒三角形，選擇“接受對(duì)文檔所做的所有修訂”；
4、再在第一個(gè)倒三角選擇“顯示標(biāo)記的最終狀態(tài)”；
寧雙學(xué)好網(wǎng)施老師微信訂閱號(hào)：myplwaai 微信號(hào)： ningshuangshi
不同的瀏覽器對(duì)有些HTML標(biāo)簽屬性的默認(rèn)值是不同的，為消除這種差異，需要對(duì)CSS進(jìn)行初始化，即通過設(shè)置樣式及其屬性值，替代瀏覽器默認(rèn)的屬性值。
（1）CSS初始化樣式引入方式
采用引入外部樣式表的方式進(jìn)行CSS初始化
（2）相關(guān)代碼解讀
/* 京東CSS初始化 */
/* *為通配符，表示html所有標(biāo)簽 */
* {
margin: 0; /* 標(biāo)簽外邊距為0*/
padding: 0; /* 標(biāo)簽內(nèi)邊距為0*/
}
/* em、i表示斜體標(biāo)簽 */
em,
i {
font-style: normal; /* 表示標(biāo)簽中內(nèi)容不以斜體表示*/
}
/* li 表示列表標(biāo)簽 */
li {
list-style: none; /* 表示去掉列表的樣式，如前面圓點(diǎn)等*/
}
/* img 表示圖片標(biāo)簽 */
img {
border: 0; /* 以下兩句表示 圖片與同級(jí)別行內(nèi)元素middle對(duì)齊*/
vertical-align: middle;
}
/* button 表示按鈕標(biāo)簽 */
button {
cursor: pointer; /* 表示鼠標(biāo)樣式 小手 */
}
/* a 表示超鏈接標(biāo)簽 */
a {
color: #666;
text-decoration: none; /* 表示去掉超鏈接下劃線 */
}
/* a:hover 表示a標(biāo)簽的動(dòng)態(tài)偽類選擇器 */
a:hover {
color: #c81623; /* 表示當(dāng)鼠標(biāo)懸停在超鏈接上時(shí)，自體變?yōu)榧t色 */
}
/* button、input表示按鈕標(biāo)簽、表單輸入標(biāo)簽 */
button,
input {
/* 設(shè)置默認(rèn)字體，包括unicode編碼的字體 */
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
"\5B8B\4F53", sans-serif;
}
/* body 表示body標(biāo)簽*/
body {
/* css3屬性（-webkit-font-smoothing）字體抗鋸齒渲染，字體更為平滑 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial,
Hiragino Sans GB, "\5B8B\4F53", sans-serif;
color: #666;
}
/* 表示當(dāng)class屬性的值包含hide、none時(shí)的樣式 */
.hide,
.none {
display: none; /* 表示隱藏元素，且該元素空間可以被其他元素使用*/
}
/* 表示偽元素選擇器 用來清除浮動(dòng)*/
.clearfix:after {
visibility: hidden; /* 為保證兼容性 必要的固定設(shè)置*/
clear: both; /* 清除浮動(dòng) 必要的固定設(shè)置*/
display: block; /* 清除浮 必要的動(dòng)固定設(shè)置*/
content: "."; /* 清除浮動(dòng) 必要的固定設(shè)置*/
height: 0; /* 可選的固定設(shè)置*/
}
.clearfix {
/* 這是針對(duì)于IE6/7的，因?yàn)镮E6/7不支持:after偽類，
讓IE6/7的元素可以清除浮動(dòng)來包裹內(nèi)部元素。*/
*zoom: 1;
}（1）CSS初始化樣式引入方式
采用內(nèi)部樣式的方式進(jìn)行CSS初始化
（2）相關(guān)代碼解讀
淘寶在進(jìn)行CSS樣式初始化時(shí)，并沒有采用通配符*的方式設(shè)置標(biāo)簽的內(nèi)外邊距，而是將具體的標(biāo)簽進(jìn)行并集羅列。根據(jù)網(wǎng)上資料，通配符*，容易書寫，但是在大型網(wǎng)站中，會(huì)初始化所有標(biāo)簽，會(huì)加大網(wǎng)站負(fù)荷，使得網(wǎng)站加載變慢。當(dāng)然京東應(yīng)該是做了優(yōu)化的，不然網(wǎng)站體驗(yàn)也會(huì)很差。
/* 淘寶CSS初始化 */
/* 設(shè)置標(biāo)簽的內(nèi)外邊距為0 */
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
}
/* 設(shè)置字體大小、行高及默認(rèn)字體 */
body,
button,
input,
select,
textarea {
font: 12px/1.5 tahoma, arial, "Hiragino Sans GB", "\5b8b\4f53",sans-serif;
}
/* 字體大小同body中設(shè)置的一樣 */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
/* 字體不采用斜體展示 */
address,
cite,
dfn,
em,
var {
font-style: normal;
}
/* 設(shè)置默認(rèn)字體 */
code,
kbd,
pre,
samp {
font-family: courier new, courier, monospace;
}
/* 設(shè)置標(biāo)簽為small的字體大小 */
small {
font-size: 12px;
}
/* 去掉字體列表樣式 */
ol,
ul {
list-style: none;
}
/* 去掉a標(biāo)簽下劃線 */
a {
text-decoration: none;
}
/* 設(shè)置動(dòng)態(tài)偽類選擇器，鼠標(biāo)懸停其上時(shí)顯示下劃線 */
a:hover {
text-decoration: underline;
}
/* 設(shè)置垂直對(duì)齊方式，在右上角 */
sup {
vertical-align: text-top;
}
/* 設(shè)置垂直對(duì)齊方式，在右下角 */
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
fieldset,
img {
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
}
button {
border-radius: 0;
}
/* 設(shè)置表格相鄰邊框融合 */
table {
border-collapse: collapse;
border-spacing: 0;
}通常在CSS初始化代碼中包含padding:0和margin:0的代碼，表示將內(nèi)外邊距設(shè)置為0；當(dāng)找到該代碼時(shí)，一般是找到了CSS樣式初始化的代碼開頭。
關(guān)于偽類和偽元素參見：Web前端開發(fā)-CSS中偽類和偽元素
上篇文章主要介紹了CSS樣式更改篇中的框模型、定位、浮動(dòng)、溢出基礎(chǔ)知識(shí)，這篇文章主要分享CSS樣式更改中的裁剪、Z-Index、清除、改變?cè)氐奶匦曰A(chǔ)知識(shí)，一起來看看吧。
對(duì)元素某塊區(qū)域就行剪切
img{
clip:rect(23px,14px,45px,54px)
}
rect (top, right, bottom, left) 設(shè)置元素的形狀
auto 不應(yīng)用任何剪裁設(shè)置元素的堆疊順序
div{
z-index:1
}
p{
z-index:10
}
a{
z-index:-1
}
z-index 值越大，所在的元素越靠前顯示專門用來清除浮動(dòng)
div{
clear:both
}
left 清除左側(cè)浮動(dòng)
right 清除右側(cè)浮動(dòng)
both 清除左右兩側(cè)浮動(dòng)
none 允許浮動(dòng)互相調(diào)換元素之間的特性
div{
display:inline
}
none 元素不會(huì)被顯示。
block 元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。
inline 元素將被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
inline-block 行內(nèi)塊元素
list-item 元素會(huì)作為列表顯示。
run-in 元素會(huì)根據(jù)上下文作為塊級(jí)元素或內(nèi)聯(lián)元素顯示。
table 元素會(huì)作為塊級(jí)表格來顯示，表格前后帶有換行符。
inline-table 元素會(huì)作為內(nèi)聯(lián)表格來顯示，表格前后沒有換行符。
table-row-group 元素會(huì)作為一個(gè)或多個(gè)行的分組來顯示（類似 <tbody>）。
table-header-group 元素會(huì)作為一個(gè)或多個(gè)行的分組來顯示（類似 <thead>）。
table-footer-group 元素會(huì)作為一個(gè)或多個(gè)行的分組來顯示（類似 <tfoot>）。
table-row 元素會(huì)作為一個(gè)表格行顯示（類似 <tr>）。
table-column-group 元素會(huì)作為一個(gè)或多個(gè)列的分組來顯示（類似 <colgroup>）。
table-column 元素會(huì)作為一個(gè)單元格列顯示（類似 <col>）
table-cell 元素會(huì)作為一個(gè)表格單元格顯示（類似 <td> 和 <th>）
table-caption 元素會(huì)作為一個(gè)表格標(biāo)題顯示（類似 <caption>）此時(shí)的塊級(jí)元素div就有了內(nèi)聯(lián)元素的特性了。
參考文檔：W3C官方文檔（CSS篇）
這篇文章主要介紹了CSS樣式更改篇中的裁剪、Z-Index、清除、改變?cè)氐奶匦裕Ｍ尨蠹覍?duì)CSS樣式有個(gè)簡(jiǎn)單的認(rèn)識(shí)和了解。
想要學(xué)習(xí)更多，請(qǐng)前往Python爬蟲與數(shù)據(jù)挖掘?qū)Ｓ镁W(wǎng)站：http://pdcfighting.com/
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
