Html css design and build websites part 2
➤ Gửi thông báo lỗi ⚠️ Báo cáo tài liệu vi phạmNội dung chi tiết: Html css design and build websites part 2
Html css design and build websites part 2
https://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more att Html css design and build websites part 2 tractive, controlling the design of them using css.css allows you to create rules that specify how the content of an element should appear, for example, you can specify that the background of the page is cream, all paragraphs should appear in gray using lhe Arial typeface, or Ihal all level one head Html css design and build websites part 2 ings should be in a blue, italic, Times typeface.Once you have learned how to write a css rule, learning css mostly involves learning the different prHtml css design and build websites part 2
operlies you can use. So this Chapter will:•Introduce you to how css works•leach you how to write css rules•Show you how css rules apply to HT ML pagehttps://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more att Html css design and build websites part 2 DE THE BOXThe key to understanding how css works is to imagine that there is an invisible box around every HTML element.On this page, you can SCO a basic Hi ML page.On the right hand page, you can see the same I ITMl page, but I have added outlines Io each OÍ (he elements so that you can see how CSS Html css design and build websites part 2 will treat each element as it it lives inside its own box.The Cottage GardenThe coftage garden is a distinct style 0» garden that uses an informal deHtml css design and build websites part 2
sign, dense planings, and a mixture of ornamental and eciWo plantsThe Cottage Garden originated In England and its history can be traced back for centhttps://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more att Html css design and build websites part 2 ned Eno :sh estate oantensThe earliest cottage gardens were more practical than tneư modem descerxiants, with an emphas-s on vegetables and he-bs. along W171 some truit trees.BLOCK & INLINE ELEMENTSYou may remember from pages 185-186 that in there is a difference between block level and inline eleme Html css design and build websites part 2 nts and how how browsers display them.Block level elements look like they start on a new line. Examples include the,
and Html css design and build websites part 2
s.Inline elements flow within the text and do not start on a new line. Examples include , <1>, <1mg>, and .229 INTRODUCING CSSCSS allowshttps://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more att Html css design and build websites part 2 k level elements are shown with red borders, and inline elements have green borders.I he clement creates the first box. then the ,
>, , and elements each create their own boxes within it.Using CSS, you could add a border around any of the boxes, specify its width and height Html css design and build websites part 2 , or add a background color. You could also control text inside a box — for example, its color, size, and the typeface used.EXAMPLE STYLESBOXESWidth aHtml css design and build websites part 2
nd heightBorders (color, width, and style)https://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more atthttps://khothuvien.cori!►What CSS does►How CSS works►Rules, properties, and valuesIn this section, we will look at how to make your web pages more att