html css crash course

following HTML code, the DIV element contains the Divclass class, which means it has to follow .divclass the rules.class= "Divclass">Hello divDiv >Note: The first character of the class name cannot use a number! It doesn't work in Mozilla or Firefox.(2) Like ID, class can also be used as a derived selector:. Pclass a { color: green;}Iv. attribute SelectorSets the style for the HTML element with the spec

HTML CSS JavaScript three relationships HTML is the carrier of Web content CSS is the performance of Web content, appearance control JavaScript is web page logic processing and behavior control advantages of CSS with respect to

Basic structure of HTML base HTMLFormatting of HTML tags(1) such as:(2) such as: (3) such as:(4) such as: Common Page Header MarkersTable 1 Page Header markers Tag function File Title declaration Provides meta-information about an HTML element , such as a description, Keywor

, so that students participate in the classroom teaching process, timely encouragement and praise, enhance the students self-confidence. Review : [5 minutes ] What are the two ways that you can submit data in a form and how do they differ? What form elements are needed to create a login interface? Target what can a property value be and what does it mean? Preview Check : [5 minutes ] Describe the basic structure of a style sheet? What are the common style attributes?

Today's tutorial, teach you how to use the PSD page DIV+CSS cut into HTML pages, this kind of tutorial, the site has been very few, mostly speaking of some of the more fragmented things, in the future, we will slowly publish more such tutorials for you to learn, reproduced please famous sources, and station code translation, thank you ....First look at the effectThe following picture is, after cutting out,

HTML has a basic skeleton, which can be quickly generated with sublime:650) this.width=650; "Src=" https://s2.51cto.com/wyfs02/M02/8F/8D/wKioL1jk3NnzvNLXAACZI0YtG0o575.png-wh_500x0-wm_ 3-wmp_4-s_2377028654.png "title=" Subline.png "alt=" Wkiol1jk3nnzvnlxaaczi0ytg0o575.png-wh_50 "/>Skeleton Abstract Out: 1 2 34 5 67 8 The outermost label of the Web page is the tag pair, which has two parts, head and body , respectively. . The hea

difference is that the descendant selector selects only the DIV.CLASS1 in the child element of the , does not include child element's child element and so on, will not choose grandson and later backup, hence the name descendant selector. 6. Group Selector P,div,.class1, #id1 {color:red;} The group selector selects a number of tags, separated by "," lowercase commas, and the selector chooses all the tags or classes that are written down. 7. Universal Selector *{color:red;} The universal selectio

This is the note I made when I studied the course CSS positioning position!The content of this section Three ways to lay out HTML Position Optional Parameters Z-index The difference between a box model and a positioning Side bar Navigation Follow instance Three ways to lay out HTMLThree layouts: standard flow, floating, positioningTw

personally think are useful. Please try them out. I believe you will like them. Use php to compress HTML Because higrid is interested in php, php is used to compress HTML. Of course, it is similar to other languages. For example, if asp is used to compress HTML, the principle should be the same. Higrid uses php to wri

: 5px 0 0 30px Note that the order of the four numbers is: Top, right, bottom, left. Of course, sometimes the positioning method is better than the margin method. 10. Background Color directed to the bottom of the screen CSS cannot control the vertical direction. If you want to direct the navigation bar to the bottom of the page like the content bar, It is very convenient to use a table, but if you only use

----used to specify the destination window or frame (_blank returns information displayed in the newly opened browser window, _self the current browser window)③ form ElementsType=reset Reset Button controlsType=submit SubmitType=image imageType=checkbox check boxType=radio Radio BoxType=file File Upload ControlType=hidden Hidden Fields④ drop-down boxchange check: Size: Set the sizes of the Select ⑤ Multi-line input box textareaRows and cols: Sets the height and width of the multiline input boxm

like. use PHP to compress HTML Because Higrid is interested in PHP, using PHP to compress HTML, of course, the use of other languages is similar, for example, using ASP to compress HTML, the same should be the case. Higrid will compress the function of HTML with PHP wri

to display CSS to check its effect. Maybe you will use the "display: none" command to turn off 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

enabled. Therefore, higrid personally thinks that the biggest benefit of html compression is a benefit. as long as you have written the compile function, you can call it when you need to use it. all programs can be used, no additional development work will be added. Today, higrid will share with you a few functions that I personally think are useful. please try them out. I believe you will like them. Use php to compress

. use PHP to compress HTML Because Higrid is interested in PHP, so use PHP to compress HTML, of course, in other languages, such as using ASP to compress HTML, the reason should be the same. Higrid will compress the HTML function to write a function in PHP, in fact, such

In HTML,,Font styleCommon font Properties Property name Meaning Example Font-family Set Font type Font-family: "Official script"; Font-size Set Font size font-size:12px; Font-style Set font style Font-style:italic; Font-weight Set the weight of a font Font-weight:bold; Font Set all font properties in a decla

Getting started with html and css: a classic video tutorial Qian Feng said that he would like to learn this, css video tutorial For beginners of PHP, the tutorial on getting started with PHP is as simple as learning PHP. Many people do not understand why PHP should first learn HTML basics and

course focuses on how to log on to the full-featured HTML Webpage Design (PSD format ). Css framework, some CSS styles, and the use of Javascript in this tutorial. Converting dezign folio from PSD to HTML In this article, you will learn how to go from PSD to dezign and

CSS is all called Cascading style sheets.CSS BASIC Syntax structureCSS rules consist of two parts: selectors and declarations. The declaration must be placed in curly braces {}, and the declaration can be one or more, and each declaration consists of a property and a value separated by a colon, with each statement ending with a semicolon. as shown below.h1{font-size:12px;Color: #F000;}font-size:12px; and color: #F000; represents two declarations in wh

HTML Tag semantics and CSS semantics in css layout Many people are working on the front-end. Of course, there are many new users here. Maybe the new idea is to do not use font labels or other web standards when doing layout, this has caused "div flooding" on the Internet today. Looking at the source file, Huo, there ar