May 03, 2021 23:00 0 Comment CSS
CSS pseudo-element - CSS pseudo-elements are special effects used to add selectors., CSS pseudo-element, Grammar, :first-line pseudo-element, Instance, :first-letter pseudo-element, Instance, Pseudo-elements and CSS classes, Instance, Multiple Pseudo-elements, Instance, CSS - :before pseudo-element, Instance, CSS - :after pseudo-element, Instance, All CSS pseudo-classes/elements, CSS, pseudo-element, CSS pseudo-elements are special effects used to add selectors., CSS pseudo-elements control content and elements are no different
May 03, 2021 23:00 0 Comment CSS
CSS media type - Media types allow you to specify how files will be rendered in different media. The file can be displayed on the screen in different ways, on paper, or in an auditory browser, etc., CSS media type, The type of media, @media rules, Other media types, Extended reading, CSS, media type, Media types allow you to specify how files will be rendered in different media. T, he file can be displayed on the screen in differen
May 04, 2021 00:00 0 Comment CSS
List of HTML5 and CSS courses, List of HTML5 and CSS courses, List of HTML5 and CSS courses, In order to help the vast number of learners, to learn to use, we have prepared a large number of CSS programming real-
May 04, 2021 00:00 0 Comment CSS
The horizontal centering method of text:, The horizontal centering method of text:, Instance, Padding fill, Instance, hacks, hacks (tips), translate(-50%,-50%), Instance, Absolute positioning is centered, Instance, The view port is centered, Instance, Responsive, Instance, Offset, Instance, Overflow, Instance, Resize, Instance, margin fill, Instance, Absolute positioning, Instance, The picture centers, Instance, Transform is centered, Instance, flex is centered, Instance, Extended reading, When we use CSS, to lay out, we often need to center, sometimes a property can be done, sometimes it takes some skill to, be compatible with all brows
May 04, 2021 00:00 0 Comment CSS
Some of the less common selectors include pseudo-class selectors (:hover), many complex CSS3 and regular selectors, such as: first-child, class, and "grid-". The CSS selector is highly inherited, and to quote Steve Souders, the CSS selector efficiency is sorted from highest to below:, Some of the less common selectors include pseudo-class selectors (:hover), many complex CSS3 and regular selectors, such as: first-child, class, and "grid-". The CSS selector is highly inherited, and to quote Steve Souders, the CSS selector efficiency is sorted from highest to below:, What is the priority of the selector?, How can I improve CSS selector performance?, Simple and efficient CSS, 30 class CSS selectors that must be remembered, 1.*, 2. #X, 3. . Ⅹ, 4. X Y, 5. X, 6. X:visited and X:link, 7. X+Y, 8. X>Y, 9. X ~ Y, 10. X[title], 11. X[href="foo"], 12. X[href="strongme"], 13. X[href^="href"], 14. X[href$=".jpg"], 15. X[data-*="foo"], 16. X[foo~="bar"], 18. X:after, 19. X:hover, 20. X:not(selector), 21. X::pseudoElement, 22. X:nth-child(n), 23. X:nth-last-child(n), 24. X:nth-of-type(n), 25. X:nth-last-of-type(n), 26. X:first-child, 27. X:last-child, 28. X:only-child, 29. X:only-of-type, Conclusion, The CSS selector is familiar to most technicians, for example, assuming that a class is added to a p-tag, but some of the properties in that class do
May 04, 2021 00:00 0 Comment CSS
Example, Example, Browser style, CSS overview, 1. Cascading Style Sheets cascades style sheets, which control the style and layout of multiple pages;, 2. Basics required: HTML, XHTML;
May 04, 2021 00:00 0 Comment CSS
CSS background, CSS background, CSS text, The font of the CSS, CSS link, CSS list, CSS form, CSS box model, CSS border, CSS profile, CSS margins, CSS fill, CSS grouping and nesting, CSS size, CSS display, CSS positioning, CSS floats, CSS alignment elements, CSS-generated content, CSS pseudo-class, CSS pseudo-element, CSS navigation bar, CSS Gallery, The opacity of the CSS image, CSS image flattening, CSS property selector, CSS, instance, CSS background, Set the background color of the page, Set the background color of different elements, Set an image as the background of
May 04, 2021 00:00 0 Comment CSS
Responsive Web Design - Framework, Responsive Web Design - Framework, Instance, Responsive Web Design - Framework, This section introduces Bootstrap, a responsive web design framework., Bootstrap, from Twitter, is currently the mo
May 04, 2021 00:00 0 Comment CSS
Responsive Web Design - Video, Responsive Web Design - Video, Use the width property, Instance, Use the max-width property, Instance, Add a video to the page, Instance, Responsive Web Design - Video, Use the width property, If the width property is set to 100%, the video player automatically adjusts the scale based on
May 04, 2021 00:00 0 Comment CSS
Responsive Web Design - Pictures, Responsive Web Design - Pictures, Use the width property, Instance, Use the max-width, Instance, Add a picture to the page, Instance, Background picture, Instance, Instance, Instance, Different devices display different pictures, Instance, Instance, HTML5 and picture elements, Instance, Extended reading, Responsive Web Design -, Pictures, Use the width property, If the width property is set to 100%, the picture implements responsive functionality based
May 04, 2021 00:00 0 Comment CSS
Responsive Web Design - Media Queries, Responsive Web Design - Media Queries, Instance, Add a break point, Instance, Design for mobile priority, Other break points, Instance, HTML instance, Direction: horizontal/vertical, Instance, Responsive Web Design -, Media Queries, Media queries are described on CSS3:, CSS3 @media queries., Using @media query, you can define different style
May 04, 2021 01:00 0 Comment CSS
Some common unnecessary CSS styles, Some common unnecessary CSS styles, css参考样式集合, CSS 样式表中的样式覆盖顺序, 规则一:由于继承而发生样式冲突时,最近祖先获胜。, 规则二:继承的样式和直接指定的样式冲突时,直接指定的样式获胜。, 规则三:直接指定的样式发生冲突时,样式权值高者获胜。, Rule 4: When the style weights are the same, the latter wins., Rule five: !important of !important are not overwritten., The method of operating CSS styles in JQuery, Today, our websites and pages need to pay more attention to detail, whether it is the font style, or the resolution clarity of the picture will affect
May 04, 2021 01:00 0 Comment CSS
How to set the transparency of the background in the CSS style, How to set the transparency of the background in the CSS style, Instance, Use javascript or jquery in CSS to implement transparency changes, Instance, Instance, CSS Transparency Tips Summary, Third, CSS transparency under IE, How does CSS change the background transparently without changing the child element transparency?, Instance, Instance, CSS sets the layer of transparency, how to make the layer inside opaque, Instance, How to write transparent styles in css, After reading, "css image transparency/opaque" in, the w3cschool, "css tutorial",, you may already have a basic understanding of translucent, colors i
May 04, 2021 01:00 0 Comment CSS
The basic concept of css hack, The basic concept of css hack, How Hack is written under each browser, Use CSS Hack with caution, The browser recognizes the corresponding table for the character standard, css hack compatibility tips, Instance, When writing CSS style, I am afraid the biggest headache is the compatibility problem under each browser, that is, CSS hack, different browsers to CSS