Experience with html and css architectures and htmlcss Architectures
Css itself can be said to be a very simple and easy-to-get-started language. Making a page or a small business site has very low css requirements. As long as you are familiar with the syntax and can guess the meaning of English words, you can basicall
I. The relationship between HTML and CSS1.HTML is a hypertext format, it can contain ordinary text, pictures, video, Sound of the Web page, CSS is the HTML page text size, color, border size, color decoration, in general, the CSS is equivalent to the
1. Introduction to CSSCascading style sheets (cascading style Sheet), called CSS, is a kind of computer language used to express HTML or XML file styles, and a style design language that can truly separate Web page performance from content. The ability to control the placement of objects in Web pages in a pixel-level format is currently the most widely used language based on text display.Beef Brisket Publis
A recent article on trim (Frames) gave me the idea of the current state of web design. Not long ago, many web page standards were published. The advantages of developing web applications using CSS and XHTML are gaining popularity, but many developers still rely more on HTML tables to control page output. Let's take a look at the advantages of using HTML table
CSS refers to cascading style sheets The CSS style sheet greatly improves the productivity of the property selector selector{Property:value;} such as h1{color:red;front-size:14px;} Selectors grouped like h1,h2,h3{color:red;} Set the H1,h2,h3 label property to the same property inheritance: body{color:red;The derived selector: Defines the style ID selector by the context of the element in its place: You can
There are four main ways to introduce CSS in HTML, which are inline, inline, linked, and imported.1. In-lineInline is a CSS style that is set in the Style property of the tag. This approach does not reflect the advantages of CSS, is not recommended to use.2. Built-inEmbedded is a set of
Index:
Beginner's Introductory book
Advanced Advance Books
Official brochure
Website architecture
Mobile Platform Website Development
Video Resources
Development tools
Beginner's Introductory book:Chinese e-bookSimplified Chinese HTML PDF versionMeizu's web DesignJAVA Web ProgrammingWeb Design (5th edition) full versionHTML XHTML Authoritative Guide (English + Chinese version)Getting Started with Web Programming
My visionBecome an industry-renowned web front-end development engineerSort out some front-end development standard documentsThis document has been written for almost a year, and has been updated recently. As an organized and disciplined team, standardization is necessary, after all, each coder has its own set of styles and specifications. For the harmonious development of the team and the development experience of the front-end industry, a relatively large and concise document is written, I hop
n HTML annotationsNote: The comment content is not displayed, and the comment is for future maintenance.n photo hotspots (image map)Image hotspot: Add multiple links to a picture, and by default, only one link can be added to a picture.1. Marking structure:2. Common Properties of
Shape: Shapes of hot regions, values: Rect (Rectangle), Circle (Circle), Polygon (polygon)
Coords: Coordinates of the hot zone (position)
L if Shape=rect,
property: Sets the length of the controlMaxLength: The maximum number of characters allowed in an input box3) Submit, Reset, Normal button1. Submit button: When 2. Reset button: Reset button when 3. Normal button: When 4) Radio box and check boxradio button: When Check button: When Note: Both the Radio box and the check box can be set using the "cheked" propertyDefault checked items5) Hidden fieldsWhen 6) Multiline Text fieldUse the Syntax format: The Rows property and the Cols property are use
BAT and major Internet companies 2014 front-end written interview questions: Html/cssHTML article:1. Which of the Web pages do you test? What are the cores of these browsers?
Ie:trident kernel
Firefox:gecko kernel
Safari:webkit kernel
Opera: formerly the Presto kernel, opera has now switched to Google Chrome's blink kernel
Chrome:blink (co-developed with Opera Software based on Webkit,google)
2. Every
HtmlFirst chapter: HTML templates
What is HTML (Hyper-text markup Language)
HTML page body Structure
DOCTYPE label
Head tag
Meat label
Title Tag
Body tag
Chapter Two: HTML headings
H1 Title Tags
H2 Title Tags
H3 Title Tags
H4 title Tags
H5 title Tags
H6
, code requirements concise and clear order, as far as possible to reduce the server load, to ensure the fastest resolution speed. file Specification 1. html, CSS, JS, images files are archived to the 2. html file name: English name, suffix. htm. At the same time, the corresponding interface draft is placed in the same directory, if the interface is named Chinese
your page does not have a DOCTYPE declaration, then compatmode default is Backcompat, which is the beginning of the devil-the browser in its own way to parse the rendered page, then the different browsers will show different styles. If your page is added, then it is equivalent to opening the standard mode, then the browser will have to honestly interpret the rendering page according to the standards of the Web, so that your page in all browsers will display a look.What's the use?DOCTYPE tells t
requests the Wait , the effect is as shown : This example freezes this page and displays a wait box before performing an operation on the current page, before leaving or returning the result of the operation. The function is to prompt the user, the page is loading. In particular, for certain High-volume data requests, the UI can mitigate the annoyance caused by long waits for customers. To make a simple analysis, this example consists of 2 main points. 1 , static elements 2 , when the box appe
value, you can center the div horizontally vertically, or you need to define the parent-child Div First:
Copy Code code as follows:
Then set the appropriate CSS:
. parent {
position:relative;
margin:0 Auto;
width:200px;
height:200px;
Background-color:red
}
. Children {
Position:absolute;
left:50%;
top:50%;
margin:-25px 0 0-25px;
height:50px;
width:50px;
Background-color:black;
}
The value in the mar
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.