Karteikarten
Ohne Titel
Karten in diesem Stapel (46)
- 1how to put in link into html 2. how to change background colours?words that u click on
href is called atribute
2. - 2how to put an image onto Html 2. how to change color, size, font type of paragraph and aligment2.
- 31. what is the function of "title"? in html? 2. what is attribute?1. it stores the webpage title foe browsers and search engine results
2. An attribute is simply a characteristic or some description for the content in the element. - 41.whta is indentation 2. how to insert ordered adn unordered list? 3. how to insert comments? 4. in line editing1. the amount each line is spaced in from the margin
2. or
time
or
3.
4. you edit html using CSS which is not in a separate file - 51. bold 2. italics1. word u want
2. word u want emphasis :) - 6tables column heading
- 7div: what for? add style how to make it clickablesidebars. menus,etc (devide webpage into parts
by wrapping with - 8what does span do? make one word in a paragraph red. what also can u do?span: formats smaller parts of the webpage
wrap that word with :
red word> font size and family - 9what does cascading style sheets mean?Cascading Style Sheets, cascading because the sheets can apply formatting when more than one style applies. For instance, if you say all paragraphs should have blue font, but you specifically single out one paragraph to have red font, CSS can do that!
01. You can apply the same formatting to several HTML elements without rewriting code (e.g. style="color:red":) over and over
02. You can apply similar appearance and formatting to several HTML pages from a single CSS file - 10how can you format html, what type of tag is the link1. in ccs file :(
2 by css
between head tags
sth
p
color: blue;
in a separate file (first tag after the head tag
is is a self closing tag (like img as well) - 11comments in HTML comment in CSS how to add fancy colours in CSS?/* I am a comment */
hexadecimal values: base 16 : no from 0 to 9 and letters to f= all together 16 possibilities in each row
browse: hex color picker, case insensitive - 12why would u use ems? I do not mean emphasisem is a relative measure: one em is equal to the default font size on whatever screen the user is using, Specifying font sizes in pixels is great when you want the user to see exactly on their screen what you designed on yours, though it assumes your screens are of similar size.
- 13fonts what r built into Css?sefir
sans-serif
cursive - 14come this table and css formatting
- 15do links has to be blue and underlined?no, in Css: a{color: red; text decoration: none;}
it will be red and not underlined - 16—
- 17—
- 18format p only these p which are directly nested in divdiv > p
{
/*formatting stuff*/
}
note nested selectors will override "simple" sectors - 19pseudo class selectorsA pseudo-class selector is a way of accessing HTML items that aren't part of the document tree;Using pseudo selectors, you can control the appearance of unvisited and visited links—even links the user is hovering over but hasn't clicked!
selector: pseudo_class_selector{
property; value;
}
e.g a: hover
a:visited
a:link
p(or sth):first-child - 20how to make the picture? how to format any child?p:first-child{
font-family: cursive;
}
p:nth-child(number) {
/*formatting*/
}
but note if your body has h3 then 3 p then the last p is 4TH c=CHILD of your body!!!
- 21—
- 22can you do both class and id? 2. explain CSS box modelyes:e.g:
flower
2.
The margin is the space around the element.Adjusting our margins not only moves our element relative to other elements on the page, but also relative to the "walls" of the HTML document.The border is the edge of the element.The padding is the spacing between the content and the borderThe content is the actual "stuff" in the box. If we're talking about a element, the "stuff" is the text of the paragraph.
- 23properties of display whats the default?default: box takes whole width of the page
block: element: box. takes up the full width.
inline-block: element is a box but other elements can sit in the same line
inline: This makes the element sit on the same line as another element, but without formatting it like a block. It only takes up as much width as it needs (not the whole line).it does not keep dimansionsThe inline display value is better suited for HTML elements that are blocks by default, such as headers and p, li
none: This makes the element and its content disappear from the page entirely! - 24putting margins (2 methods)1. margin: 1px 2px 3px 4px; (going Clockwise from starting fromTOP
2. margin-top: /*some value*/
margin-right: /*some value*/
margin-bottom: /*some value*/
margin-left: /*some-value*/ - 25declaring paddingpadding-top: /*some value*/
padding-right: /*some value*/
padding-bottom: /*some value*/
padding-left: /*some-value*/
2. padding: value value value value;if you want your padding to be the same for all four sides, you can declare that value only once. padding: e.g 10px - 26what does negative margins do?If you want to move an element in the other direction, you can give CSS a negative value: margin-left: -20px will move the element twenty pixels to the left.
- 27what is float?One way is to use floats. When you float an element on the page, you're telling the webpage: "I'm about to tell you where to put this element, but you have to put it into the flow of other elements." This means that if you have several elements all floating, they all know the others are there and don't land on top of each other.we can use floated elements to naturally divide our pages into different sections.
- 28what does clear do?If you tell an element to clear: left, it will immediately move below any floating elements on the left side of the page; it can also clear elements on the right. If you tell it to clear: both, it will get out of the way of elements floating on the left and right!
- 29—
- 30default positioning modestatic. This just means "where the element would normally go." If you don't tell an element how to position itself, it just plunks itself down in the document.
- 31—
- 32absolute positioningThe first type of positioning is absolute positioning. When an element is set to position: absolute, it's then positioned in relation to the first PARENT element it has that DOSN'T have position: STATIC. If there's no such element, the element with position: absolute gets positioned relative to .
To show you how this works, we've set the #outer div to have absolute positioning. This means that when you position the #inner div, it will be relative to #outer. (If #outer had the default positioning of static, then #inner would get positioned relative to the entire HTML document.) - 33relative positioningRelative positioning is more straightforward: it tells the element to move relative to where it would have landed if it just had the default static positioning.
- 34fixed positioningFinally, fixed positioning anchors an element to the browser window—you can think of it as gluing the element to the screen. If you scroll up and down, the fixed element stays put even as other elements scroll past.
- 35—img
{
width:
height:
box-shadow: rgba (0,0,0,0.2) 10px 10px;
}
10 px thickness of shadow
red green blue alpha(transparency)
- 36—into div2 put:
clear: both;
- 37make the square to have equal left and right marginsmargin: auto
- 38what does padding 40 mean? 2. how to write in a paragraphwhat all sides have equal [padding of 40px (content is e.g and padding has the same color as background
2. <word> - 39—
- 40what methods of positioning do u know?float (left right)(do not forget to clear)
display (absolute-when object INSide of other object;relative, fixed, default: static) - 41why header do not float?normally all 4 boxes would be stack o the top of one another but becasee green and brown float (left and right) then they can be in one line :)
- 42—write in div
float: right;
- 43—in inner write:
margin: 0 0 0 -30px;
- 44—note the position is static by default so just :
margin: 100px 0 0 30px;
- 451. how to make link bold when u hover above a link? 2. how ot make square dots in ul? 3. how to format p which inside of id footer whot to write BROADWAY? how I n n o w a t I o n ul without dots? how to apply 2 classes? eg left and container1. a:hover{
}
2. list-style-type: square;
3. #footer p{}
4. text-transform: upper-case;
5. letter-spacing: 8px;
6. list-style: none;
7. - 46—
Informationen
- Beschreibung
- codeacademy Karteikarten am Ohne Titel, erstellt von Magda Sroka am 28/12/2016.
- Erstellt von
- Magda Sroka
- Aufrufe
- 1
- Bewertung