font icons css

When we do page development, we may need to use a lot of small icon style.So just apply this CSS icon frame, add some decorations, you can get a very good icon style,Let's look at the styles of these icons.650) this.width=650; "src=" Http://s9.sinaimg.cn/mw690/003p3Fxlty72h0GOwkMd8 "title=" "style=" border:0px; vertical-align:middle; "/> icon style pictureFirst of all we want to refer to the written

XXFarEastFont-Chinese: Stsong Chinese song: Stzhongsong Chinese Imitation: Stfangsong founder Shu: Fzshuti founder Arial: F Zyaoti Chinese Cloud: Stcaiyun Chinese amber: Sthupo Chinese script: Stliti Chinese Xingkai: Stxingkai Chinese New wei: Stxinweithe Chinese font in Windows. By default, Windows provides the following fonts by default, that is, if you do not install your own new fonts or word processing software such as Office: Windows 95/98/98se

Speaking of CSS in the font-family, I believe a lot of friends often use, but do not know when you encounter the reference to Chinese fonts when you will write?Recent special attention has been paid to discovering the most commonly used basic three types: 1, direct Chinese; 2, English form; 3, Unicode code; The first two forms are well understood, what do Unicode codes mean? Here's a b

In HTML we often use CSS style to beautify some of the shortcomings of HTML tags, today we say how to use the basic CSS style to change the color of the text, the article is easy to understand, I hope you can practice after reading to deepen the impression. First, let's show you the basic code of HTML font: Here are the four paragraphs of the p tag, which we sh

expanded C section.It is necessary to note that extending part B in GB18030 is not a mandatory criterion.If you want to see the standard text for GB18030, visit the strong-label reading in http://www.gb168.cn.If you want to know the contents of Unicode, please visit http://www.unicode.org.Now correct a common error on the Web:gb18030-2000 and gb18030-2005 do not support single-byte euro symbolsThe following pages are related to Simplified Chinese:936 gb2312 Simplified Chinese (GB2312) ———— is a

CSS Font Properties Define text (such as italic) and deform (such as small capital letters)Code collated from w3school:http://www.w3school.com.cn：CSS: Font styles (font family, size, bold, style, warp, etc.)

CSS Chinese font font-family list is mainly the system brought some, installed Office will be born some of the windows, interested friends can understand Some of Windows:Blackbody: SimheiXXFarEastFont-SimSunNeo-Arial: NsimsunImitation: FangsongItalics: KaitiImitation _gb2312:fangsong_gb2312Italics _gb2312:kaiti_gb2312Microsoft James Bold: Microsoft YaheiSome of t

Due to the recent research on extjs4.1.1, I did not expect extjs to use the icon style CSS that does not come with iconcls. It was written by that one. After a long time, I had to find it online, or did I write a batch processing?Program, A collection of 1713 small PNG icons, are extjs Original Ecology, can be used directly, so that the subsequent development is much more convenient, interested can be used

You will never walk alone. After talking nonsense, um... because I wanted to add a large number of icons, I had to write css on my own? Of course, this is too annoying .. Programmers should be lazy .. So I wrote something automatically generated ~.~ Let's try againJSONArray array = StringBuffer cssStrBuf = String iconPath = "common/icon/" String iconCssPath = "../icon /";Declare Variables The following is

(Long time no blog, the accumulation of these months is more fragmented, recorded in the book, and now began to organize classification)In the normal process of writing a page, often encountered in order to put small icons and text to align the situation. Like what:Summed up two methods, the code is relatively small amount.First KindSet the vertical alignment to middle for the img,div{ height:30px; line-hight:30px;}.heart,.comment{ Vert

This article mainly introduces the HTML and CSS implementation of plain text and buttons with icons, buttons have a lot of appearance, this article introduces the text and the two buttons with icons, interested in small partners can refer to This article summarizes some of the basic elements of the implementation of the way, followed by successive updates. First

Insert the HTML structure first:class= "Line-three">div> class= "Circle">div>The structure is not very concise! The CSS code is as follows:. Line-three { width: 150px; height: 30px; padding:15px 0; border-top: 30px solid; border-bottom: 30px solid; background-color:currentcolor; background-clip: content-box;}. Circle{color:green;Margin-top:30px;width:150px;Height:150px;Border-radius:50%;Border:10px Soli

DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">HTMLxmlns= "http://www.w3.org/1999/xhtml">Head> Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/> title>Untitled Documenttitle> Linkrel= "shortcut icon"href= "Img/icotest.ico">Head>styletype= "Text/css"> /*Triangles*/. Triangle{width:0;Height:0;Border-width:0 30px 30px;Border-style:Solid;Border-color:Transparent Tra

Windows icons made of pure HTML/CSS

Here are two ways to achieve a CSS icon and text alignment. Content is very good, and now share to everyone, but also for everyone to make a reference. In the normal process of writing a page, often encountered in order to put small icons and text to align the situation. Like what: Summed up two methods, the code is relatively small amount. First Kind　　　　 Set the vertical alignment to middle for the IMG,

Note: The picture name (tabicons.png) of each small icon width:18px;height:18px from the upper left corner coordinates ( -0px;-0px;);For example, the coordinates of the first checkmark are ( -0px;-0px;) The second plus icon is ( -20px;-0px;) with 20 pixels in the middle.Truncate small icon Style. icon{ Background:url (imges/tabicons.png) no-repeat; width:18px; line-height:18px; Display:inline-block;}. icon-set{background-position: -380px-200px;}. icon-add{background-position: -20px 0

Implementation of the Close button effect.close{ display: inline-block; width: 14px; height: 1px; background: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg);}.close:after { content: ‘‘; display: block; width: 14px; height: 1px; background: #ccc; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}The implementation of the arrowsarrow:after { content: ‘‘; display: inline-block; width: 8px; height: 8px; border-top: 1

TriangleParallelogram iconPause button The implementation principle of the pause button is the border with border, the square inside with outline. Because outline has an offset property that can be used to set offsets and is proportional.In fact, if you set the value of the Outline-offset a little bit, a plus will come out.PlusIf you rotate it again, it becomes a close buttonClose buttonBurger Button 2:radio buttonBecause the Box-shadow scales proportionally, the first value is set to white, a

CSS sprites a lot of people in the country called CSS Wizard, is a kind of Web page image application processing mode. It allows you to include all the bits and pieces of a page that are involved in a larger image, so that when you visit the page, the loaded picture will not show up as slowly as before. According to the specific icon in the larger picture position, to the background positioning.

=650; "src=" Http://s2.51cto.com/wyfs02/M00/77/5D/wKioL1ZmvVXh6nPsAAAi0Tsotf8252.png "style=" float: none; "title=" Image 8.png "alt=" Wkiol1zmvvxh6npsaaai0tsotf8252.png "/>650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/77/5E/wKiom1ZmvOaQM-eMAAAihjObZF4878.png "style=" float: none; "title=" Image 9.png "alt=" Wkiom1zmvoaqm-emaaaihjobzf4878.png "/>3. Not conducive to maintaining the new icon has to modify the whole diagram, sometimes in order to ensure that a certain type of area, you