Html:hypertext Markup Language (Hypertext Markup Language)
Hypertext (hypertext) means "text with links in it."
A markup Language (markup language) is a programming language used to make text doing more than sit on a just can page:it text into Images, links, tables, lists, and much more.
HTML can be seen as the skeleton of each web page, forming the structure of the Web page.
Css:cascading style Sheets (cascading style sheet)
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: Cascading style Sheets (cascading style sheets)There are three ways to embed CSS in XHTML pages. See CSS Tutorials.1. Loading a CSS file example in the head taghead> linkrel="stylesheet"type="text/css"href="style.css"/>head>This example uses the link tag.{font-size:1
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
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 and CSS are two different languages that work on a Web page, so you must link CSS with HTML. In HTML, there are 4 main ways to introduce CSS: inline, inline, import, and link-style.1. In-lineInline is the
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 } - style> - Head> the Body> - Di
Method One:
Copy Code code as follows:
Description: The advantage is that the content can be any HTML element, including hyperlinks and pictures, etc., in the IE6 will also automatically display ellipses at the end. The disadvantage is that you must specify the width value, and the width cannot be a percentage, otherwise it will be considered as a percent of the total character length in IE.
Method Two:
Copy Code code
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
" tag corresponding to the source code.Let's talk about how to copy the source code of the Baidu menu.(1), according to the Sub-label, gradually look up the parent tag, such as the above "news" corresponding to the parent tag with the Class name tab DIV tag, in the upper level of class= "NV" Div, through the page elements of the background color, you can determine whether the element is selected or included, such as Click Class = "NV" Div, the menu changes to:(2) Basic can be determined, class=
Causes of HTML Compression
How to Improve the loading speed of web pages, how to optimize html pages is believed to be a problem that every webmaster intends to improve the website construction technology has previously thought of. In fact, there are still many ways to optimize web pages.
Some children's shoes asked higrid how to compress HTML. That is to say,
CSS and html of the niugu news publishing system and css of the News Publishing System
The design of the front-end and back-end of the NIU news publishing system is in progress. It is time to stop and make a summary. Even though the language used is not the same as the fee for the data center, there are many commonalities. Finally, I understand that all language
(a) JS implementation of HTML nodes, CSS style, the dynamic addition of events① Scenario Description: We need to dynamically retrieve the background data and display it in a list, where the list has its own list style, and each item has its own click event .... So in this case, do we need to use the dynamic Add node mode to deal with it?The ② code is logged as follows:$.ajax ({url: "***.action", type: ' Pos
Js allows you to dynamically add html nodes, CSS styles, events, and html overlay layers.
(1) js enables dynamic addition of html nodes, CSS styles, and events
① Scenario Description: We need to dynamically obtain background data and display the data in a list. The list has
Introduction to Conditional annotationsThe conditional annotation in 1.IE (Conditional comments) has excellent distinguishing ability between IE version and IE non ie, and is a common hack method in Web design.
2. Conditional annotations can only be used for IE5 or above.
3. If you have installed more than one IE, the conditional annotation will be the highest version of IE as the standard.
4. The basic structure of the conditional annotation and the HTML
Div>9 This is the main contentTen Div> One Body> A HTML>2 "The introduction of CSS style" ibid. js "The difference is that the labels they use are different css= 1 HTML>2 Head>3 styletype= "Text/css">4 H1{Color:Red}5 P{Color:Blue}6 style>7 Head>8 9 Body>Ten
CSS StylesCSS is a shorthand for cascading Style sheets, which allows you to easily set the display location and format of page elements, and even produce filters, image fades, and fade-out gradients. CSS is to display the effect of the Web page with Word layout control a paragraph, font, color, background, border and so On.Note: comments/* * * cannot contain annotations1,
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
Chapter 5 Use CSS styles
Key points of this ChapterApply styles to HTML documentsCSS style code writing rulesTypes and usage of CSS style selectors
Directory:5.1 apply styles to HTML documents5.2css style coding rules5.3css style Selector5.4 style priority
5.1 apply styles to HTML
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.