[Bootstrap Basics] 04. The HTML and CSS coding specifications of Bootstrap, bootstrapcss
HTML
Use two spaces to replace tabs-this is the only way to ensure consistent display in all environments.
The nested element should be indented once (that is, two spaces)
For attribute definitions, make sure that all double quotation marks are used. Do not use single quo
entire table is centered within the browser page range, but the alignment of the cells in the table does not change, and if you want to change the alignment of the cells, you need to row, Columns or cells are defined in a separateCellspacing,cellpadding: Sets the distance between each cell within the table, sets the distance between the cell border and the contents of the cell, and by default, the contents of the cell are pressed against the table's borderExample (Core code):height= "50%"Bgcolo
The browser automatically adds empty lines before and after block-level elements (
When a page is displayed, the browser removes extra spaces and blank lines from the source code. All contiguous spaces or blank lines are counted as a single space. Note that all consecutive empty lines (line breaks) in the HTML code are also displayed as a single space.
preformatted text: This example shows how to use the Pre tag to control blank lines and spaces:T
Both the database and C # are logic that runs in the background, and HTML,CSS,JS,JQ is a display of some of the effects in the foreground of the Web page. Background to consider optimizing performance efficiency and so on, and the front desk to attract customers, to have a better customer experience.Generalization, or more efficient, is a tradeoff in doing projects. Handwritten words are less redundant, less problematic, but not very generic, but high
Html basics-2016.8.31, html luhong-2016.8.31
Summary:PS export image (png jpg) exported to PNG format PS export LayerProportional adjustment, press and hold the SHFIT key (PS)Ctrl + or-zoom in and out the imageTest html browser Google Firefox openg IEResolution mode: standard mode, chaotic mode, non-standard modeUTF-8
-image
value
Description
Test
Border-image-source
The path to the picture that is used in the border.
Border-image-slice
The picture border is offset inward.
Border-image-width
The width of the picture border.
Border-image-outset
The border image area exceeds the amount of the border.
Border-image-repeat
Whether the image border should be til
The HTML of the three sharp-edged JS is also called JavaScript, look like a little connection with Java, in fact, he and Java have no relationship with half a dime, JavaScript and we learn Python, Go, Java, C + +, are a separate language, The Python interpreter has Python2.7, python3.x, and the browser has the function of explaining JavaScript, so it is one of the three tools of HTML.In HTML, you can write
HTML TitleThe HTML title (Heading) is defined by tags such as InstanceTry it yourself.HTML ParagraphThe HTML paragraph is defined by the InstanceTry it yourself.HTML LinksHTML links are defined by the InstanceTry it yourself.Note: Specify the address of the link in the href attribute.HTML ImagesHTML images are defined by tags.InstanceHTML
property value to locate a div and set his style.Effect:Second, add the Style property to the label's propertiesIii. referencing CSS style files with the link tagFirst create a stylesheet file, write the style, and then referenceThe style in the stylesheet file is written in the same way as the header's style tag. Write well later in the head through the link tag reference: Link Tag Settings properties rel= "stylesheet", href= "CSS file directory"When three methods of referencing CSS styles are
Html and css Basics
The first time I came into contact with html, I had been using table for layout, and it was very troublesome and ugly. As a result, I didn't have much interest at the beginning. Until half a year ago, I began to access pages written using div + css, you are interested in it. As a cainiao, I have recorded my lessons and gains mainly for myself.
1, the definition of HTML(1), HTML: Hypertext Markup Language (hypertext Markup Language), which mainly includes the "head" and "Body" (body) two parts, where the "Head" department provides information about the Web page, the "Main" section provides the specific content of the page.(2), the head element basically by head (head), Meta (set the document title and other information not displayed in the Web pag
Html:HTML Full name Hyper Text Markup Language (hypertext tagged voice) Css:Selector: ID selector, class selector, property selector, element selector.ID Selector: First name the tag in HTML, select it with # name in CSS,class selector: name the tag in HTML, use ". Name" Format ....Floating:FlontUsually use left and right floats each time to clear the float (clear=both).Location: PositionStatic positioning
1,HTML full NameHyper text Markup Language (Hypertext Markup Language)Extended xml:extendsible Markup Language (Extensible Markup Language)2,CSS is a presentation style3,JS is a behavior, control the behavior of the Web page.Note Points for writing HTML documents01. All label letters are lowercase.02. There must be a closing tag at the beginning.03. Each level of the label has a certain degree of indentatio
automatically creates a few blanks around them
hr
Split Line
Ol
Ordered list
Ul
Unordered list
Table 1 Common inline elements
in-line elements
Description
Strong
Bold emphasis
Em
Italic accent
S
Delete Line
U
Underline
A
Hypertext links
Span
Common row level, which de
Page Three: HTML CSS JavaScript path: The relative path used when making a Web page. Images/aaa.jpg Web page in the same directory to find Images folder, and then images inside find Aaa.jpgimages/1000/ Aaa.jpg Web page in the same directory to find Images folder, then in images find 1000 folders, and then in 1000 folder to find Aaa.jpg. /images/aaa.jpg find the top level file on the page, find the Images folder in the first level folder on the webpage
First, CSS 1. What is CSS? Cascading style Sheet Cascading style sheetChange the style of a tool, plainly, just to make our page look good,The HTML underlying encapsulates a tool like CSS. 2. How to use CSS A, style, styleThis keyword is written inside the label, you can change the style of the labelNote: Write inside the label! That's > inside. 3.CSS style, divided into three typesA, in-line style sheetWhere: style= "color: #0FC" is to chang
HTML : (Hyper Text Markup Language) Hypertext Markup LanguageHTML Basic notation:Control information on the Web page;--Utf-8: A decoding method for domestic useWhat the page displaysProperties of the body:BgColor page background colorText text colorTopMargin on page marginLeftMargin left page marginRightMargin Right page marginBottomargin Next page marginBackground background Wallpaper1.1. General label1.1.1, Format control labelnbsp; indicates that s
container unless a width is set. ④ it can accommodate inline elements and other block elements Features of the inline element① and other elements are on one line;The ② is high, the row height and the margin and the inner margin cannot be changed;The width of the ③ is the width of its text or picture, and cannot be changed.④ inline elements can only hold text or other inline elementsFor inline elements, be aware of the followingSetting width is not valid.Setting height is invalid and can be set
#head标签内可以定义网页关键字和描述, refresh, jump, character set, icon, etc.,The HTML tags are divided into inline labels and block-level labels, and are divided into closed labels and self-closing tags according to their usage.Columns such as: block-level labels are: H-series labels, p-tags,In-line label with:______________________________________ Picture Tags——————————————————————Basic style information for documentsTextGraphics Defining imagesFormOtherPlus 16 co
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.