Basic concepts of frames and style sheets

Source: Internet
Author: User
Tags border color

Frame: Frameset: Box set.    If you use a frameset, the current page cannot use body.  Cols= "300,*", left and right split, 300, and the rest of the end. Frameborder border

FRAME:SRC (frame to display the address of the page), scrolling (scroll bar)

IFRAME (can be embedded in normal page): SRC (the page address to be displayed inside the frame), wigth (width of the frame),

Height (width of frame), frameborder (border of frame), srcolling (scroll bar)

Other: <marquee> (scrolling effect) drection (scrolling direction), <mark> marking,

Page embed video (find video video in lower left corner click Share Copy HTML code copy falsh copy common code paste the copied code in the page)

Style Sheets: Categories: Inline style Sheets: write in tags, style= "style", control accuracy, poor code reuse

Inline style sheet: embedded in the head of the page, <style type= "Text/css" ></STYLE> control is not inline accurate, code reusability is good

External style sheet: Individual style file, introduced: Right-click-css style sheet-attach style sheet, introduced: <link href= "Test.css" rel= "stylesheet" type= "Text/cs,

Control is not inline accurate, code reusability is best

Selector: A style sheet used to select an element, a label (selected by the tag name)

Class:. (dot) filter elements by class name

ID: # (pound sign) filter out unique elements based on ID name

Compound: Comma indicates that a side-by-side (Div,span) space represents a descendant (#list li) Dot representation filter (DIV.S)

Style: Size: wigth (w) height (h)

Background: Background-color (background color) background-image (background image) Background-repeat (tile style of background map)

Background-position (background image position) Background-attachment (sets whether the background picture is scrolled) background-size (the size of the background map)

Font: font-family (font style) font-size (font size 12px 14px) Font-style (italic tilt) Font-weight (bold bold)

Text-decoration:underline underline overline underline Line-through strikethrough None No, used to remove the underline of hyperlinks

Color (font color)

Alignment: text-align (horizontal alignment) vertical-align (vertical alignment, with row height) line-height (row height) text-indent (indent unit pixels)

Border border: margin (margin upper right bottom left) padding (the element will become larger if padding is added to the bottom right of the inner margin)

Border (1px solid #60F shorthand first border thickness second border style third border color)

List box:

Basic concepts of frames and style sheets

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.