This is a summary of our topics of concentration for weeks three and four in Intermediate Web Design.<\/p>\n\n\n\n\n\n\n\n
For week three and four we got right into rudimentary html markup and css rules. We looked at major ideas in css, like Inheritance, Cascade and Specificity. CSS rules can come from any number of sources and can be mediated in myriad ways from source to user. Inheritance, Cascade and Specificity are some of the influences on how the final result is expressed, the rules of the road so to speak.<\/p>\n\n\n\n
CSS cascades in an order governed by rules of importance. They are:
Author inline styles
Author embedded or internal styles
Author external styles
User styles
Default browser styles<\/p>\n\n\n\n
Some styles can be inherited throughout a document and some may not. Inherited styles tend to be related to text, like font or color. Usually the spacial arrangement of elements on a page, including borders, margins and padding will not inherit.<\/p>\n\n\n\n
Specificity is one way that conflicting rules can be implemented. In order of importance, id selectors, class and pseudo class selectors and element selectors. One can look at importance as the rules that define specificity.<\/p>\n\n\n\n
Selectors can be compound or multiple:
This is an example of a compound selector:
}<\/p>\n\n\n\n
ul li {\n margin-bottom: auto;\n }<\/code><\/pre>\n\n\n\nThis is an example of a multiple selector:
}<\/p>\n\n\n\n
h2, h3, h4 {\n font-family: Georgia;\n text-transform: uppercase;\n }<\/code><\/pre>\n\n\n\nOther considerations that we mentioned in the cascade are browsers styles. Each browser will have an effect on one\u2019s code, and to that problem we looked at css reset and normalize to identify the differences associated with different browsers.<\/p>\n\n\n\n
Then we looked ahead in the web development crystal ball and the possible fate of html and css by Rachel Andrew.<\/p>\n\n\n\n
We practiced css styling the page on lemmings and then we created our own content in html markup that would be styled with css in week four. As usual we are given by instructor and peer students alike, additional resources and sites to further our knowledge and skills.<\/p>\n\n\n\n
With week four we studied web fonts, their sources, protocols, linking, principles, combinations with a focus on typography on the web. We practiced more html and css by building a web page from scratch, our portal page, and the use of ftp to load our work on the web. We continued with our learning partners and posting to this Learning Journal.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
This is a summary of our topics of concentration for weeks three and four in Intermediate Web Design.<\/p>\n","protected":false},"author":78,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[230],"tags":[4,23,3,15,18],"class_list":["post-1527","post","type-post","status-publish","format-standard","hentry","category-aad-086-fa23","tag-css","tag-css-layout","tag-html","tag-typography","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1527"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1527\/revisions"}],"predecessor-version":[{"id":1528,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1527\/revisions\/1528"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}