In the past, although I often heard people say CSS, I have never used it again.
Now I want to move my blog here. I don't have to worry about it. There are too few templates and it's hard to find a slightly satisfactory one. The classification
CSS Unit of measurement:Px pixels30% percentageEm relative unit
Apply style:1. Tag Selector2. class selector3. ID Selector
CSS usage:(1) inline element. Add the style attribute to the element(2) page embedding.Add in Head(3) external reference.
The difference between Span and DIV is that division is a block-level element that can contain paragraphs, titles, tables, and even chapters, summaries, and remarks. While span is an element in the row, it does not wrap the line before and after the
1. Use Web Fonts
@ Font-face {Font-family: delicious;SRC: URL (/Delicious-Roman.otf ')}
Then, call the font:H3 {font-family: Delicious, sans-serif ;}
In IE
2. modify the rules added to the text
Text-Decoration: None
None is the
Div + CSS layout Overview
Summary of CSS + dir layout in XHTML
XHTML is the abbreviation of Extensible Markup LanguageCSS --- the abbreviation of a stacked style sheet
1. Add the correct doctype to the pageDoctype is short for document type. It is
untitled document
product name: [product name] benefits: 6.5 off product introduction: product name product product Name product name ...... [ details ] store address: product name contact number: 1234-76312395 35202741
CSS does not always mean rigor and standards. In this case, you will see 21 interesting and experimental CSS technologies using examples and Demos. Some of the technologies and examples discussed in these examples may not have been tested, some
Program code
Create a table line table using CSS
table header name URL time next page Baidu http://www.baidu.com 2007.01.11 Baidu http://www.baidu.com 2007.01.11 Baidu http://www.baidu.com 2007.01.11
Selector Group
You can group the selector so that the Group selector can share the same declaration. Use commas to separate the selectors to be grouped. In the following example, all the title elements are grouped. All title elements are green.
h1,h2
Document directory
One selector for multiple usage
Id Selector
The ID selector can specify a specific style for HTML elements labeled with a specific ID.
The ID selector is defined.
The following two ID selectors can be used to define the color
The CSS translucent filter can be used in Firefox and IE, and is recorded for backup:
CSS code. Test {Background: #000;Color: white;Width: 200px;Position: absolute;Left: 10px;Top: 10px;Filter: alpha (opacity = 10 );-Moz-opacity:. 1;Opacity:
Document directory
Cascade order
External style sheet
Internal style sheet
Inline Style
Term Translation
CSS Overview
CSS refers to the stacked style sheet (CAscadingSTyleSHeets)
Style DefinitionHow to displayHTML Element
Styles are
CSS size attributes
The CSS size attribute allows you to control the height and width of an element. You can also increase the line spacing.
Attribute
Description
Height
Set the height of the element.
Line-height
WAP2.0 exclusive CSS: WCSS is also called wap css/wireless profile CSS (WAP Cascading Style Sheet) is a subset of css2 + Some WAP-specific extensionsPurpose: To define the style and layout of a document and separate it from the document
Today, we are very ambitious. We decided to deal with seajs, coffee, and less. When I got home, I spent one afternoon in front of my computer and one evening. The sad discovery only solved less. Er, sum up less first.
The goal of less is CSS. View
Jquery UI is a collection of user interface components officially released by jquery in combination with jquery! Contains many interface operations, such as table sorting, drag and drop, tab, scroll bar, album preview, calendar control, dialog box
If you have many associated CSS files to be loaded together, or want to dynamically load different CSS files, the following methods must be helpful to you.
First, it is generally used to load necessary files in external CSS files.
Program code @
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