'Front-End'에 해당되는 글 170건

To make a tab

1. Simple HTML

- View

2. border-top, height, background

2_1. View

2_2. Source

2_3. border

- border-style : set the style of the border

- border-top : set the top border

- border-top: border-width border-style border-color|initial|inherit;

- View

- Source

3. margin 0 auto

3_1. Source

- You can set the margin property to auto to horizontally center the element within its container

3_2. View

4. overflow : hidden

4_1. Source

4_2. View

4_3. Overflow

1) The overflow property specifies what to do if the content of an element exceeds the size of the element's box.

5. list-style, float

5_1. Source

5_2. View

5_3. list-style

- Specify all the list properties in one declaration

- View

5_4. float

- The float property specifies whether or not a box (an element) should float.

Note: Absolutely positioned elements ignores the float property!

6. background: url, display : block, vertical-align, text-align

6_1. Source

6_2. View

6_3. background: url() repeat-x left bottom

 - repeat-y will repeat a background image only vertically.

 - repeat-x will repeat a background image only horizontally.

 6_4. display: block

- Displays an element as a block element like <p>

7. !important

- First priority

8. background-position : left top

8_1. Source

8_2. View

8_3. background-position

1. Font-weight

ex) <span style="font-weight: bold;">Hello world</span>