CSS 一些特别的属性

一、关于 CSS 的重置问题 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, 
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, 
audio, video {
    margin:0; 
    padding:0;
    border:0; 
    outline:0;
    font-size:100%; 
    vertical-align:baseline;
    background:transparent; 
} 
body { line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ display:block; }
 
nav ul {list-style:none; } 
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } 
a,a:hover { 
    margin:0; 
    padding:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
    text-decoration:none;
} 
/* change colors to suit your needs */ 
ins { background-color:#ff9;color:#000; text-decoration:none; } 
/* change colors to suit your needs */ 
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } 
del { text-decoration: line-through;} 
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } 
/* change border color to suit your needs */ 
hr { display:block; height:1px;border:0; border-top:1px solid #cccccc; margin:1em 0;padding:0; } 
input, select { vertical-align:middle; outline:none;}

二、width 中的特殊属性

2.1、fill-available

　　width:fill-available;表示撑满可用空间。

2.2、fit-content

　　width:fit-content;表示将元素宽度收缩为内容宽度。

2.3、min-content

　　width:min-content;表示采用内部元素最小宽度值最大的那个元素的宽度作为最终容器的宽度。

2.4、max-content

　　width:max-content;表示采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本，则相当于文本不换行。

三、-webkit-text-fill-color 文字填充颜色属性

文字填充色：

-webkit-text-fill-color: yellowgreen;

镂空字体：

-webkit-text-fill-color:transparent;
-webkit-text-stroke:1px #000;

字体添加过渡色：

background-image:-webkit-linear-gradient(#eee,#000);
-webkit-background-clip:text;