coursera html course

VIIChapter 7 image of the pageSection 8 Zhang link 108Chapter 9 form 118Chapter Ten multimedia 159 Chapter One frame 165Part Two Getting started with CSS Chapter VII CSS Foundation Chapter VII CSS Selector Basics 177 Chapter VI font style 191 Chapter IV Text Style 209 Chapter VI border Style 228 Chapter VII background style Page Zhang link style Chapter VII Picture Style 269 chapter IV list style 285 Chapter VI table Style 293 Chapter VII CSS box model 303 Chapter VII flo

HTML Definition and usageA simple HTML table consists of a TABLE element and one or more tr, TH, or TD elements.The TR element defines the table row, the th element defines the header, and the TD element defines the table cell.More complex HTML tables may also include caption, Col, Colgroup, THEAD, TFOOT, and tbody elements.1 DOCTYPE

:14) Box model--border (i) Box model--border (two) Box model--width and height Box Model--fill Box model--boundary 12th Chapter CSS Layout model CSS Layout model Flow model (i) Flow Model (ii) Floating model What is a layer model Layer model--absolute positioning Layer model--relative positioning Layer model--fixed positioning Relative combined with absolute 13th. CSS code abbreviations, taking up less bandwidth Box

CSS3 Border-radius PropertiesDefinition and usageThe Border-radius property is a shorthand property for setting four Border-*-radius properties.Tip: This property allows you to add rounded borders to elements!1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Documenttitle>6 style>7 Div{8 width:200px;9 Height:200px;Ten background:Red; One Border-radius:10px 40px 70px 100px; A } - style> - Head> the Body> - Di

applied.As in the following code:p{color:red;} P{color:green;} The text in the last P is set to green, which is well understood and is understood as a style that overrides the previous style.So the previous CSS style precedence is easy to understand:Inline style sheet (inside label) > Embedded style sheet (in current file) > external style sheet (in external file).32.ImportanceWhen we do the code of the Web page, some special situations need to have the highest weights for some style settings.

;Ten P>This is a paragraphP> One P>This is a paragraphP> A P>This is a paragraphP> - Body> - HTML>. cssp {Color:green;}3. Priority levelPrecedence of Look at the order in which they appear, and the final appearance will cover the frontSo: The last style that appears will take effectIn-line style priority is the highest among the three1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF

footer style, as follows:#footer {background:url (images/footer.jpg); height:71px;margin-top:191px;} #footer p{font-family:arial, Helvetica, Sans-serif;font-size:12px;color: #959595;p osition:absolute;margin-top:30px ;} #footer A{background:url (images/follow.png); text-indent:-9999px;position:absolute;height:27px;width:124px; margin-left:730px;margin-top:30px;} #footer img{float:right;margin-top:10px;}We use footer.jpg to do the background of the footer, and then add some text style.For a link

Ayi web standard school Alibaba Web standard school is a set of video series for beginners of web standards. Although I am just a beginner in web standards, I still hope to share what I learned with you through this school, in this way, not only can more friends embark on the Web standard design path, but more importantly, they can get guidance and guidance from many predecessors, so as to make faster progress. Therefore, if you find any errors in your school, you are welcome to go to the [blog

HTML Definition and usage1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Listtitle>6 style>7 Li{8 List-style-type:None;9 text-decoration:None;Ten } One style> A Head> - Body> - ul> the Li>This is a listLi> - Li>This is a listLi> - Li>This is a listLi> - Li>This is a listLi> + ul> - + BR/> A at Table> - TR> -

1, HTML+DIV+CSS 0 Basic Quick start to Production Enterprise Station Video course _18 box model [floating calculation]1 DOCTYPE HTML>2 HTMLLang= "en">3 Head>4 MetaCharSet= "UTF-8">5 title>Clear floatingtitle>6 style>7 Ul,li{8 List-style-type:None;9 margin:0px;Ten padding:0px; One } A Li{ - float: Left; - padding:20px 40px; the Background-color:#ff

This week to Mu net of "html+css Basic Course" course, the content is very very basic, but still learned a few small knowledge points, write down the first.He moved his picture directly, so I didn't type.Example: CSS selector weightsThe weight value of the label is 1,The weight value of the class selector is 10,The value of the ID selector is up to 100Example: p{

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

Margin1, when two elements are on the same row, the horizontal margin between them equals the sum of the margin-left of the left element's margin-right+ right element2, when two elements are up and down, the upper and lower margin between them equals the larger of the two elements up and down margin3, when two elements are inclusive, the margin between them is equal to each direction of the child element margin+ the padding of the parent element of the direction1 DOCTYPE

Table HTML plays an important role in the equivalent concrete frame construction of the line, which was popular before Div. Whether all forms of the world. The Role table page is primarily for page layout and positioning. Design a reasonable page layout by integrating the talent planning table.Of course. More importantly, there is a table that represents the impact of the data, which is not a substitute for

Background properties:Background-color background ColorBackground-image background imageBackground repetition:Background-repeat:repeat/no-repeat/repeat-x/repeat-yBackground position: background-position:Position:x y:? Pixels: 100px 100px? Percentage: 10% 20%: (Container width-picture width) *10%? Left center right, top center bottom;? -100px,0pxBackground-attachment: Background Follow content scrolling or pinningbackground-attachment:fixed;Background-attachment:scroll;Compound notation:Backgroun

: rowspanCross-column: colspan(5) Table title:　　　　7. Pictures:Picture tag: Picture properties: Height: tall, Width: breadth; border width: border; Priority reading low resolution graph: LOWSRC; text callout: Alt8. Absolute path relative path:Absolute path: http://www.cnblogs.com/or D:\360DownloadsRelative path:.. /.. /a/b.jpg　　9. Hyperlinks:　　1. Empty link: The difference between an empty link and other types of links:Href= "JavaScript:;" With href= "javascript:void (0);", Empty link, click the

I have been busy with this course design recently. The object-oriented thinking part can only be pushed back, so I will think slowly for a few days. I don't know what it is, and I have never been satisfied with what I have done. Let's take a look at a few images. Things used: jsp html css mysql javascript (The picture is too large. You need to zoom in and out the view in the browser to see the whole pic

Compound notation:BORDER:2PX solid red;Separate wording:border-color:red;Border-bottom-color:blue;border-bottom-style:dotted;border-bottom-width:5px;Border-left-color:yellow;Border-left-style:solid;border-left-width:6px;Border-right-color:green;border-right-style:dashed;border-right-width:4px;border-style:dashed;border-style:dotted;Border-style:solid;border-top-color:red;Border-top-style:solid;border-top-width:3px;border-width:5px;1, HTML+DIV+CSS 0 Ba

Public "-//w3c//dtd XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >PHP Course---JavaScript to change elements in HTML