img tag css

HTML Tag naming/CSS standardization naming Daquan, css Standardization In an HTML page with more content, you need to design many different frameworks, classify these different frameworks and content, and name them accordingly, so that the webpage structure is clearer, it also provides convenience for the work. When designing an HTML file, many new users may jus

Hyperlink a tag everyone should be very familiar with this article is mainly about the basis of a tag CSS style settings, the introduction of the four kinds of color changes, I hope we have a lot of practice, let's read this article together First we need to know the color setting of the HTML a tag: We all know what t

. Center ElementIE defaults totext-align:center;　　　　FF defaults tomargin-left:auto;margin-right:auto;6. Hyperlinks A style is underlined by default, the display color is blue, the hyperlinks that have been visited become purple7. Mouse Style　　　　IE defaults tocursor:hand;　　　　FF is the default for cursor:pointer; this declaration in IE also valid8. Picture Link Styleie default to purple 2px border lineFF default to blue 2px border lineSecond, CSS initia

CSS implementation picture horizontally vertically centered in div a tag/*for Firefox chrome*/. demo{border:1px #ddd Solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;float:left; Position:relative;}. demo a{display:table-cell;vertical-align:middle;width:200px;height:140px;}. Demo a img{border:1px #ddd solid;margin:0 auto;max-width:200

It has been engaged in. Net background development for a long time, interspersed with foreground development. At present, the development skills constitute about 35% frontend and 65% background. Gradually I found myself more interested in front-end web development (not catching a cold with the business logic of pulling East and West in the background ..., In addition, the previous background development has been suppressing my creativity) and decided to start systematically learning the skills r

1. Block-level elements can contain inline elements or some block-level elements, but inline elements cannot contain block-level elements, which can contain only other inline elements:2. Block-level elements cannot be placed in 3. There are several special block-level elements that can contain only inline elements and no longer contain block-level elements, which are the following special tags:H1, H2, H3, H4, H5, H6, p, DT4. A div tag can be included

1. Create a label document.createelement ()2.$ (TAG). CSS (' properties ', styles) give label property style3. Set the timer to change position sizeDOCTYPE HTML>HTMLLang= "en">Head> MetaCharSet= "UTF-8"> title>Titletitle> style>. Container{padding:50px;Border:1px solid #eeeeee; }. Item{cursor:Pointer;position:relative;width:30px; } style>Head>Body> Divclass= "Container">

Although the CSS code has been written to use the class name to mark the elements, but this is more of their own habits, today to do a summary of the problem.Here are the specific reasons why this is doneOne: The class class name of the element can have many, and the ID name only has one. By adding multiple class names to an element, you can control the style of the element more flexiblyclass= "Size Color">div>//Size 200 * 200, The background color is

These two days in learning CSS involves inline, outreach, embedding on the page's impact:1. Inline-----Write CSS code directly in HTML. Use the Inline CSS can effectively reduce HTTP requests, improve page performance, and relieve server stress. Since the browser has finished loading CSS to render the page, it prevents

1. Style display:inline-block; Can change a label, it can define the width of the high2.a:hover indicates that the mouse has passed3.background:url (110.png) Bottom: To link a picture and align the code at the bottomDOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">styletype= "Text/css">a{Display:Inline-block;width:67px;Height:32px;background:URL ("110.png");}a:hover{background:URL (110.png) bottom;}style> title>title>Head>Body>ahref="#">a>Body>HTML>View

As we all know, using HTML to locate text and graphs on webpages is a "heartbreaking" thing. We must use table labels and implicit GIF images. Even so, positioning accuracy cannot be ensured, because different browsers and operating platforms may change the display results. CSS allows you to see the dawn of hope. With the CSS attributes we will learn today, you can precisely set the positions of elements, a

Htmlcss notes -- reset css reset and htmlcsscss by TAG default Style 1. Default text modifier: underline, Remove: text-decoration: none; 　　　　　　 Text-decoration property value:None is the default value. Define standard text. Underline defines a line in the text. Overline defines a line in the text. Line-through defines a line passing through the text. Blink defines the flickering text. Inherit specifies tha

sequence right down left}. navsearchinput {outline:0 none; Contour, located on the periphery of the edge of the border, respectively (in order): Outline-color, Outline-style, Outline-widthwidth:142px;Background: #edf3f9; Background colormargin:0; Four marginsBorder:none; Borderfont-size:12px;height:12px;Float:left;border-radius:10px 0 0 10px; Rounded borderpadding:4px 4px 4px 8px; Fill the margin order: top right Bottom}. Navsearch a {Text-indent: -9999em; Specifies the indentation of the first

Examples of CSS Tag switching code are more beautiful. Our design is more and more pursuing a simple style, and we hope to display more content in a limited space. At the same time, we found some problems. The simple arrangement of content always makes the page very long. Many scrolling screens can complete the layout of the displayed content. YAHOO and Netease took the lead in applying the Label Switching

{margin-right:9px;}. mr10{margin-right:10px;}/* margin: 1=10*/. mt1{margin-top:1px;}. mt2{margin-top:2px;}. mt3{margin-top:3px;}. mt4{margin-top:4px;}. mt5{margin-top:5px;}. mt6{ margin-top:6px;} . mt7{margin-top:7px;}. mt8{margin-top:8px;}. Mt9{margin-top:9px,}. mt10{margin-top:10px;}/* margin: 1=10*/. mb1{ margin-bottom:1px;} . mb2{margin-bottom:2px;}. mb3{margin-bottom:3px;}. mb4{margin-bottom:4px;}. mb5{margin-bottom:5px;}. mb6{ margin-bottom:6px;} . mb7{margin-bottom:7px;}. mb8{margin-botto

Outline is a property of CSS3 and is seldom used.Declaration, this is not compatible with CSS properties, IE6, IE7, roaming browser is not compatible.What is the outline control?When focusing on a tag, there will be a dashed box around the area of the a tag, which is different from border, which does not occupy any width. When you cancel the focus, the dashed box