10 CSS skills you may not know
1. Simplified CSS font attributes
In general, CSS is used to set the font attributes as follows:
Font-weight: bold;Font-style: italic;Font-varient: Small-caps;Font-size: 1em;Line-Height: 1.5em;Font-family:
A major feature of CSS web page layout is the application of list elements. In traditional table layout, list elements are often processed as tables, this method not only does not have semantics, but also produces many unnecessaryCode.
Today, we
From: http://ce.sysu.edu.cn/hope/Item.aspx? Id = 13402
Designers often use some unique font effects and page effects. Shadow is one of them, which can make the text and elements in the page have a three-dimensional effect and thus be
CSS document streams and block-level elements (blocks) and inline elements (Inline). I have read many books, read many articles, and read a lot of basic CSS layout knowledge, comparison surface. I have read o'reilly's CSS authoritative guide and
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
(Reproduced: http://blog.163.com/yinwei_666/blog/static/2036157320101113102733794)
In many cases, for example, the most basic article list of a website, the title will be very long, but the area width of the display list is not so wide, at this
It is not easy to use CSS for the select control!Write width:? In the style :?? Px; this can be implemented.Height :?? Px; this cannot be achieved. You can only change the height by adjusting the font size.Background can be implemented, but it won't
From: http://www.cnblogs.com/Capricornus/archive/2010/08/06/1793900.html
Currently, most horizontal navigation is implemented through ul-> li * n->. As I know, there are several methods to achieve this effect.
1. Traditional processing
When talking about this question, someone may ask if CSS does not have the vertical-align attribute to set vertical center? Even some Browsers Do not support CSS hack technology! So here I have to say a few more words,
CSS does have the
With the emergence of XML (Extensible Markup Language), structured documents and data have a common and adaptive format, which can be applied not only on the web, but also anywhere. The standard is called possible.XHTML is the abbreviation of the
Because Baidu does not support source code, please view another blog:
Http://www.blog.edu.cn/user4/dpxdqx/archives/2007/1867755.shtml
The following is the source code:
yanlei's Baidu blog yanlei's Education Blog welcome here topic navigation
my first web page with style sheet! Viavia la vidaBy Coldplay
I used to rule the world
Seas wocould rise when I gave the word
Now in the morning I sleep alone
Sweep the streets I used to own
I used to rule the dice
Feel the fear in my enemy's
Impeccable web design: using HTML 5 and CSS 3 to improve the flexibility and adaptability of your website (version 3rd)Basic InformationOriginal Title: bulletproof web design: improving flexibility and protecting against worst-case scenarios with
CSS design guide (version 3rd)Original basic information: stylin' with CSS: a designer's guide author: (English) Charles Wyke-Smith Translator: Li songfeng series name: Turing programming series Press: people's post and telecommunications Press ISBN:
When I visited the Hemin blog, I saw an interview question. I checked the effect of displaying the ellipsis over the width and found this CSS version on the Internet. Of course, there are also JS version solutions, which are simple, but this idea is
Paste several images first:
The following is a piece of CSS code that distinguishes IE6, IE7, IE8, FF, chrome, and opera:
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1.
Document directory
Origin of CSS transition effect
Introduction to progressive enhancement Design
First, we will introduce some concepts of transition.
A simple example of transition
Add multiple transitions
What attributes can generate
The border settings in HTML do not seem to have detailed settings in terms of text ..In terms of graphics, the label provides projects such as the heatace, vspace, and border to set borders...CSS has more detailed settings on the border extension
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