image, text can be displayed if the image is not loaded.Text replacement
Replace heading2 with text
Not DisplayedDisplay
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
HTML xmlns
=
"
Http://www.w3.org/1999/xhtml
"
>
Head runat
=
"
Server
"
>
Title
>
Text replacement
Title
>
Style
0. inline style add CSS1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Csstitle>6 Head>7 Body>8 P>FontColor= "Red">This is a paragraphFont>P>9 Pstyle= "color:red;">This is a paragraphP>Ten Pstyle= "Color:green;">This is a paragraphP> One P>This is a paragraphP> A Body> - HTML
CSS3 Border-radius PropertiesDefinition and usageThe Border-radius property is a shorthand property for setting four Border-*-radius properties.Tip: This property allows you to add rounded borders to elements!1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Documenttitle>6 style>7 Div{8 width:200px;9 Height:200px;Ten background:Red; One Border-radius:10px 40px 70px 100px; A
the following but not limited to:
Mastering the meaning and usage of common HTML tagsAbility to properly plan HTML document structures based on design draftsUnderstand semantics and use HTML tags wisely to build pagesMaster the basic CSS coding, including the following but not limited to:
Understand the d
CSS is all called Cascading style sheets.CSS BASIC Syntax structureCSS rules consist of two parts: selectors and declarations. The declaration must be placed in curly braces {}, and the declaration can be one or more, and each declaration consists of a property and a value separated by a colon, with each statement ending with a semicolon. as shown below.h1{font-size:12px;Color: #F000;}font-size:12px; and color: #F000; represents two declarations in wh
Are you learning CSS layouts? Are you still unable to fully master the pure CSS layout? There are usually two situations that hinder your study:
The first possibility is that you have not yet understood the CSS Process page principle. Before you consider the overall performance of your page, you should consider the semantics and structure of the content before a
Read this article and read the Web article carefully. The implementation of Zen coding fast Coding HTML/CSS Code
Copy Code code as follows:
E
Element name (Div, p);
E#id
Use the elements of the ID (div#content, P#intro, Span#error);
E.class
Use the elements of the class (Div.header, P.error.critial). You can also use class and idid:div#content.column.width together;
E>n
Descend
, structure and logic are mixed together. But sometimes in order to avoid the splash screen problem, may be directly behind the corresponding HTML to follow the adjustment script, this script looks a bit ugly, but very practical, there is no way to do. 11. Style to be written in the head tagStyle can not be written in the body, written in the body will result in rendering two times, especially written in th
. This process is called a nested tag. The tag closest to the content of the nested tag must be ended first, in the order of internal and external.4. Standard attributes
HTML tags can have attributes. Attribute provides more information about HTML elements. Attribute always appears in the form of name = "value. For example, name = "form1", where "name" is the property name, and "form1" is the property value
From scratch, I learned the basic knowledge of html (7) CSS styles and css styles.1. inline css styles are directly written in existing HTML tags.
1 Inline css style, directly written in existing
Refer to the Packaging tutorial:Http://www.cnblogs.com/tugenhua0707/p/4069769.htmlHttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlHttp://www.tuicool.com/articles/viequayKey points of implementation:1, how to Run Gulp task, join the new good one the following tasks:// Grammar Check function () { gulp.src (' js/**/*.js '). Pipe (Jshint ()) . Pipe (Jshint.reporter (' default ')) ;});Then run on the command line: Gulp Jshint2, why install the global also to install the local, refe
First, the CSS definition(cascading style sheets) cascading style SheetsPerformance of standard language, control of the display of web informationsecond, the establishment of CSS2.1 Internal Establishment(built in head with tag Description: (1) div is a selector, {} is a declaration, Width/height is a property, 300px is a property value(2) Border is a property, it has three attribute values, 1px border wid
In HTML, the methods for introducing CSS mainly include inline, embedded, imported, and linked. Below are some suggestions for these different methods, if you are confused, refer to the following methods in HTML to introduce CSS: inline, inline, Pilot, and link.
Inline style:That is, set the
HTML Definition and usage1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Listtitle>6 style>7 Li{8 List-style-type:None;9 text-decoration:None;Ten } One style> A Head> - Body> - ul> the Li>This is a listLi> - Li>This is a listLi> - Li>This is a listLi
Css and html can be combined in four ways, and css can be combined in four ways
Method 1: Add a signature method to each tag
Method 2: add the style label to the head (bad, You need to modify the html file)
Method 3: load the css
, then use the link, if you need to introduce more than one CSS file, the first link to introduce a "directory" CSS file, the "directory" CSS file in the use of the Guide to introduce other CSS files.However, if you want to dynamically decide which CSS file to introduce thro
class name.
3.ID Selector
#id1 {color:black;}
The ID selector can specify a specific style for an element that is marked with a specific ID. IDs can appear only once in an HTML document page, for example, if you value an element's ID as "ID1", then you can no longer name the other element ID "ID1" on the same page. Although you will find that even naming several ID,CSS selectors will apply styles to all of
CSS super tips
I. Use css abbreviations
Using abbreviations can help reduce the size of your CSS file and make it easier to read. For the main rules of css abbreviations, see common css abbreviations syntax summary, which is not described here.
Ii. Define the unit unless
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.