1. First Line Indent
You know, from primary school, the teacher taught us that the beginning of the paragraph should be empty two lattice. While you use Word, there is a first line indent this function, but in the HTML of your space bar seems to
As a web designer, your site has exactly the same performance in a variety of browsers as the goal of many people, however, this is a goal that can never be truly achieved, and many people think that perfect cross-browser compatibility is not
One, why I want to test the performance of CSS This is the background: I am a loyal fan of the OOCSS (translator Note: object-oriented CSS). But recently, I have been using Compass,sass (Translator Note: SASS to make CSS functional, there are such
You can set all of the background properties in the Background property. You can set the following properties:Background-color Colorbackground-position Positionbackground-size SizeBackground-repeat How to repeat a background imageLocation area of
How CSS files are linked
• Additional links: external CSS file
• Import CSS: When multiple CSS files are used, import multiple CSS into a CSS file
There are three types of CSS rule definitions:
1) classes such as ". Redtext ",". Bluetext "and".
The more in-depth CSS learning, we need to focus on the details of the more, today we use 11 points to improve the CSS Web page rendering efficiency.
1, hexadecimal color value pairs of digits and case
When you write hexadecimal color values, you
one, a little 俗态 opening.If two years ago, the term "compatibility gradient effect" was not expected to be raised, at that time, talking about the gradient background, most of the thought is the gradient filter ie, other browsers have not yet
One, CSS positioning: position
Grammar:
position:static | Absolute | Fixed | Relative
Take value:
Static: Default value. No special positioning, the object follows the HTML positioning rules.
Absolute: Drag objects out of the document stream,
Site production using some unique font effects can increase the overall effect of the site, in fact, for the text shadow effect, we can completely use CSS to achieve!
Text-shadow
Text-shadow allows us to achieve the perfect text shadow effect.
This article mainly introduces JS and CSS to detect the changes in the direction of mobile devices and judge the screen, this article gives the implementation code, the need for friends can refer to the
Method one: To trigger the phone between the
jquery Dynamic Loading Css,js file method is simple,
Cases
Method 1:
The code is as follows
$.getscript ("Test.js");
Method 2:
The code is as follows
function Loadjs (file) {
var head = $ (' head '). Remove (' #loadscript ');
$ ("" + "").
Most web designers are not familiar with print control, and they tend to be more obsessed with pixels than printers. In the real world, many people rely on Web pages for reference: In this digital age, in a number of special occasions, many people
CSS3 provides us with a scalable and flexible Web page layout-flexbox layout, it has a very powerful function, can easily implement a lot of complex layout, before it appears, we often use the layout method is floating or fixed width + percent to
CSS Translucent Border implementation examples (figure)
1. Translucent border
Problem:
If we want to set a red background and a black translucent border for a container, we might write:
border:20px solid Rgba (0,0,0,0.5); background:red;
But the
The following small series for everyone to bring an article on CSS clear floating (
ClearfixAnd
Clear) usage. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.
Using the CSS3 Border-radius property to make rounded borders is quite handy, but the browser compatibility problem is not too good to deal with, here we will summarize the Border-radius outside the CSS round border production method.
CSS3 's
The main idea of this effect is to add a gradient background to the text, and then crop the background, cut by the text (currently only the WebKit kernel browser supports this property), and finally add animation to the background, that is, change
HTML Tag Element classification (Basic HTML knowledge) and basic tag knowledgeHTML Tag elements are classified as block-level elements. 0. block-level elements and inline-level elements are classified as "inline" elements ). A. block-level elements (
Mobile Terminal layout solution Netease And terminal layout solution Netease
Mobile Terminal layout:
Rem Scheme: Any element on the page uses the rem layout, including the font.
1 2 3 4 5 6 7 8 25 26 27 28 78 79 80
The font-size of html
CSS achieves horizontal vertical center of div, and horizontal center of cssdiv
There are many solutions for implementing center. Here we will introduce the solutions for pure CSS to use absolute with margin.
1. Fixed div width and height
width:
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.