using google fonts css

problems have no real value, lack of critical content, and no room for improvementChrome supports Input=[type=text] Placeholder text properties, but the following CSS styles do not work: CSSinput[placeholder], [placeholder], *[placeholder] { color:red !important;}Htmltype="text" placeholder="Value" />Running the result value is still gray, color:red has no effect. Is there any way to modify the color of the placeholder text? I installed the jquery p

-How adjacent sibling selectors maintain a readable CSS while completing complex design requirementsThis is an example of a simple, but complex process that begins in the Web front-end development task: Apply the vertical margin (vertical margins) to all elements in an article, such as a blog post compiled by a complex markdown.In most cases, you have to deal with many exceptions and correlations, such as: headings and images often require more whites

Double-click the left and right arrows, fast switch picture scrolling, will choose the surrounding area of the text, feeling is not very good, today in the sharing of colleagues, talked about this problem, tried it, yes, solved the problem. IE and chrome, add onselectstart= "return false" to the corresponding element. However, this does not work in Firefox, but Firefox can use CSS style to achieve this effect, that is, add-moz-user-select:none, it ca

idea, he said it is possible to confuse users, but if you can add animation effect, so basically no problem. Well, get started. Technology Implementation Chapter Recently Flexbox specifications, the browser has supported Display:flex, at the same time came a good news, the new implementation than the old Display:box; a lot faster. This time I am going to use Flexbox to solve the problem, because there is a very important attribute: order (previously called box-ordinal-group), it can change th

http://www.iconfont.cn/The icon for the selection is added to the cart and then downloaded. Unzip OpenFirst step: Use Font-face to declare fonts@font-face {font-family: ' Iconfont '; Src:url (' Iconfont.eot '); /* ie9*/ src:url (' Iconfont.eot? #iefix ') format (' Embedded-opentype '),/* IE6-IE8 * /url (' Iconfont.woff ') Format (' Woff '),/* Chrome, Firefox */ URL (' iconfont.ttf ') format (' TrueType '),/* Chrome, Firefox, opera, Safari,

Http://www.webdeveloperjuice.com/2011/09/28/7-beautiful-web-based-timeline-using-javascript-and-css/ A timeline is a way of displaying a list of events in chronological order, sometimes described as a project artifact. it is typically a graphic design showing a long bar labeled with dates alongside itself and (usually) Events labeled on points where they wowould have happened.Here is the collection of 7 c

A little bit about the border in the lazy chapter, the complete PPT is here. Principle CSS Box model A box includes: margin+border+padding+content – A smooth diagonal line appears at the junction of the top and bottom border. Use this feature, by setting different top and bottom border width or color can get small triangle, small trapezoid and so on. – Adjust the width size to adjust the shape of the triangle.

By drawing on the experience of the online Daniel and some problems encountered in the work, this paper summarizes the code of these more commonly used CSS style resets:@charset "Utf-8";/*prevents users from customizing the effect of background color on Web pages, adding allows users to customize fonts*/HTML{Color:#000;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}/

There are three implementations: pseudo-elements (pseudo-elements), pseudo-classes (pseudo-classes), and notihing.WebKit and Blink (Safari,google Chrome, opera15+) use pseudo-elements::-webkit-input-placeholderMozilla Firefox 4-18 using Pseudo-class:-moz-placeholderMozilla Firefox 19+ using pseudo-elements::-moz-placeholderIE10

style, fill it with black, and move it below the original layer. You can then use the mouse or filter to achieve panning, move a unit and move down one unit. Then we'll copy the layer and pan again. Then merge the two shadow layers Then we repeat the action, which is to copy the layer one at a time, move down and 2 units to the right. Perform the merge again. Copy, and so on, move even multiples of units, merge, and then repeat. Of course, you can use the filter----and other displacement will

Today in the use of jquery to make a carousel map, found that the Quick click the left-right button to switch the picture, the text icon will be the default double-click the selected state will have a blue or white background color block, this is the result of double-click the text selected, how to solve?IE and chrome under the same method, the corresponding element is added onselectstart= "return false;" However, this does not work under Firefox, but Firefox can use