new perspectives on html and css

New website revision-HTML CSS some personal ideas-CSS common style split {U head.cssU nav.cssU footer.cssU reset.cssU common.cssU module_md.css– Media module (movie, TV series)U module_vd.css– Small Video ModuleU module_lst.css– Leaderboard ModuleU page.css– paginationU z_index.css– Hierarchy Style (all the DOM that ne

Internet. The reason for having such a development environment is simple: uploading your code to a remote server takes some time (for example, uploading your code to an actual server on the Internet ). Because your website is in the development stage, you need to constantly check your website, and every time you upload new code, you need 20-30 seconds to wait for the server to respond, then we can see the effect of running the

This picture of the title of this article is made with Phosotshop. However, in search engines you can not search it, the search engine is not strong enough to recognize the text inside the picture. And because the size of the picture is not too small, may slow Internet users in the browsing time had to patiently wait for the image refresh. So is there a new way to avoid these drawbacks? Yes, HTML5 and CSS3 can meet your needs. Even, it can do more an

　　 This image is created using Phosotshop. However, you cannot find it in the search engine, and the search engine is not powerful enough to recognize text in images. In addition, because the image size is not too small, users who may experience slow network speeds have to wait patiently for the image to refresh. Is there a new way to avoid these shortcomings? Yes. HTML5 and CSS3 can meet your needs. Even, it can do more and better. As a designer, w

This method can even solve the problem that the IMG content is centeredRoutines: The outermost div width is the width of the center content (usually 1170px), and it is centered (Margin:auto)The div width in the inner layer is full screen (usually 1920px;) margin-left:-368px the value equals (1170-1920)/2 = 375px, but the actual combat time will also be biased. So it doesn't have to be a death rule.The principle is not clear at the moment. Here's how:Html:Divclass= "My-slider-li-imgdiv"> Divclas

HTML/CSS from scratch-html basics (1), css-htmlI. web standard 1.1 Structure (1) extended Hypertext Markup language (xhtml)(2) W3C (world wide web consortium)A. the structure (xhtml, xml), presentation (css), and standards are developed.1.2 Performance (1)

Html basics (3) -- css style sheets and html basic css style sheets CSS(Cascading Style Sheet, Stacked style sheets ).HTMLWebpage. /* Comment area */This is the comment syntax I. Style Sheets (1) classification of Style Sheets 1.Inline style sheet Combined display with

consistent with the design drawing (click to view)Task precautions This task only involves HTML and CSS The implemented pages and design drawings are basically the same in iOS Safari and Android browsers. Clear and standardized HTML and CSS code structure Try to use the flex layout in

Read this article and read the Web article carefully. The implementation of Zen coding fast Coding HTML/CSS Code Copy Code code as follows: E Element name (Div, p); E#id Use the elements of the ID (div#content, P#intro, Span#error); E.class Use the elements of the class (Div.header, P.error.critial). You can also use class and idid:div#content.column.width together; E>n Descend

From scratch, I learned the basic knowledge of html (7) CSS styles and css styles.1. inline css styles are directly written in existing HTML tags. 1 Inline css style, directly written in existing

Refer to the Packaging tutorial:Http://www.cnblogs.com/tugenhua0707/p/4069769.htmlHttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlHttp://www.tuicool.com/articles/viequayKey points of implementation:1, how to Run Gulp task, join the new good one the following tasks:// Grammar Check function () { gulp.src (' js/**/*.js '). Pipe (Jshint ()) . Pipe (Jshint.reporter (' default ')) ;});Then run on the command line: Gulp Jshint2, why insta

CSS super tips 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 unit unless

In CSS files, we often see that some font names are garbled, because the authors directly write the names of Chinese fonts into Chinese, in addition, when I upload or copy a copy, it turns into Garbled text. To avoid this problem, we recommend that you use the English name of a Chinese font when using a Chinese font in a CSS file. The following table lists the names of commonly used Chinese fonts: fonts tha

(a) JS implementation of HTML nodes, CSS style, the dynamic addition of events① Scenario Description: We need to dynamically retrieve the background data and display it in a list, where the list has its own list style, and each item has its own click event .... So in this case, do we need to use the dynamic Add node mode to deal with it?The ② code is logged as follows:$.ajax ({url: "***.action", type: ' Pos

Js allows you to dynamically add html nodes, CSS styles, events, and html overlay layers. (1) js enables dynamic addition of html nodes, CSS styles, and events ① Scenario Description: We need to dynamically obtain background data and display the data in a list. The list has

= "http://www.higrid.net"; // The previous // not the comments5. For dynamic pages, HTML compression may also increase the server's CPU burden. Php compression html function code used by higrid Because annotations are useful for the code, the php compression html function code used by higrid does not remove the annotations and directly uploads the code.Copy code

Forgetting to define the unit of size is a common mistake for beginners of CSS. In HTML, you can write only width = "100", but in CSS, you must give an accurate unit, for example, width: 100px width: 100em. There are only two exceptions. The unit is not defined: the Row Height and the 0 value. Other values must follow the unit. Note that do not add spaces betwee

some decorative images and then turn off some navigation buttons. For more information, see "Print differences. 5. Image replacement skills Generally, we recommend that you use standard HTML to display text instead of images. This is fast and readable. However, if you want to use some special fonts, you can only use images. For example, if you want to use the entire selling icon, you can use this image: This is certainly acceptable, but for search e

Chapter 5 Use CSS styles Key points of this ChapterApply styles to HTML documentsCSS style code writing rulesTypes and usage of CSS style selectors Directory:5.1 apply styles to HTML documents5.2css style coding rules5.3css style Selector5.4 style priority 5.1 apply styles to HTML