In many cases, it is necessary to dynamically modify the style of the elements on the page. There are several ways to modify the style dynamically in JavaScript, and the use, effects, and flaws of the method are described below.1. Use Obj.classname
To set the background for an element to be transparent, in Chrome, Firefox, and Opera:
Background-color:rgba (0, 0, 0, 0.4);
The last parameter in RGBA 0.4 is the desired transparency, which ranges between 0~1.
This is usually the case in
Create a responsive navigation bar that automatically changes the style of the navigation bar with different screen resolutions or browser window sizes, mostly in CSS3 media Query.
It is also important to mention that IE6-IE8 is not supported for
Use CSS text-align:justify; (function is line element justification) property to implement the CSS to achieve both ends of the alignment. Click here to see demo:css for justified alignment
The front-end research tests are as follows:
1, CSS
sometimes the text in the site is more, although the parent element set the width, but always there will be uneven on both sides of the situation, looks untidy. In fact, to achieve the end of the paragraph alignment, only need to set two CSS
Style.
When it comes to aligning the two sides, we are not unfamiliar, in Word, PowerPoint, Outlook and other interface navigation, in fact, there is a two-pronged (decentralized) button, usually not much use, we are more accustomed to the left-aligned,
How do I add a border style to a div?
It's easy to add a border style to the Div box simply by using the border plate style.
One, dashed line and solid border-TOP
Border Dash style: dashedBorder Implementation style: solid
border:1px Dashed
-webkit-user-select and-moz-user-select
Perhaps you often don't want users to select text on your site, whether it's for copyright reasons or not. Usually you will have JS to achieve, another option is to set the value of-webkit-user-select
Font-size-adjust
This useful CSS3 property is currently only supported by Firefox. We can use it to set the text size (font-size) of the specified element relative to the height of the lowercase letter (x-height) rather than the height of the upper
DIV CSS cannot display background color problem analysis Solution DIVCSS5 Experience Tutorial
Div CSS Novice Layout will encounter the layout of the background color can not be displayed, the general layout background can not be displayed the usual
The CSS animation properties trigger the Reflow relayout of the entire page, redraw the repaint, and reorganize the Recomposite
Paint is typically the most expensive of its kind, avoiding the use of CSS animation properties that trigger paint,
Left-side: Angle value is 270deg | 90deg
Far-left: Angle value is 300deg | -60deg
Left: Angle value is 320deg | -40deg
Center-left: Angle value is 340deg | -20deg
Center: Default value. Angle value is 0deg
Center-right: Angle value is 20deg |
My project has added a CSS to solve the problem of paging printing
Add tags where you need them when you use them
But recently, in order to solve another problem, it is stipulated that IE8 cannot be set as Compatibility view, and that this
". Pagenext{page-break-after:always;} Controlling HTML printing Paging related issues: Keywords: pagenext page-break-after always control HTML printing paging related issues
. pagenext{page-break-after:always;} controls HTML print paging problems.
In the previous lesson, the small series introduced a lot of commonly used CSS properties. Today small series want to change the route, for everyone to introduce a relatively unpopular attribute--page-break-after, although this attribute usage rate
I. Author, download, demo, etc.
Minimum Page project is a few foreigners recently the whole out, or some reference value, so take to say.
These two people are Peter Wilson and Josh kinal. They have a blog called Bigredtin, or you can follow them on
CSS deep understanding of Study Notes-z-index and cssz-index
1. z-index Basics
Z-index: Specifies the "z sequence" of the element and its child elements, while "z sequence" can determine the element overwrite sequence. The larger the z-index value,
[Dry goods] basic knowledge and skills of mobile terminals, basic knowledge of dry goods
Last weekend, I took over a small mobile terminal (outsourcing) project and started to work on the PC end. I still have some knowledge about the mobile end, so
Html notes, html learning notes
I. HTML features1: All tags in Html are fixed in advance and can be used directly to get the corresponding effect;2: The suffix of the HTML file is .htmlor .htm;3: html code does not need to be compiled and is
Css draw shape, css draw
Finally, my freshman year is over, and a pleasant summer vacation begins. I have been busy with some projects and finally decided to update my blog today. I will make a brief summary of the previous study.
This time I will
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