With CSS, links can be styled in different ways. css로 링크는 다른 방식으로 표현될수 있다. Styling Links Links can be styled with any CSS property (e.g. color, font-family, background, etc.). 링크 표현하기 링크는 어떤 css 속성으로도 표현될 수 있다. (예를들면, color, font-family, backgoround 등) In addition, links can be styled differently depending on what state they are in. The four links states are: a:link - a normal, unvisited link a:..
The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome. Add the name of the specified icon class to any inline HTML element (like or ). All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.) 너의 html page에 icon을 추가하는 가장 쉬운방법은 font Awesome 과 같은 library 이다. 나 과 같은 html 요소안에 명시된 icon class의..
The CSS font properties define the font family, boldness, size, and the style of a text. font 속성은 텍스트의 모양과 사이즈 딱딱함의 정도 폰트의 족보를 정의한다. CSS Font Families In CSS, there are two types of font family names: generic family - a group of font families with a similar look (like "Serif" or "Monospace") font family - a specific font family (like "Times New Roman" or "Arial") 폰트 족보 (족보라는 표현이 맞는지 모르겠네..) 2가지 ..
Text Color The color property is used to set the color of the text. The color is specified by: a color name - like "red" a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" Look at CSS Color Values for a complete list of possible color values. The default text color for a page is defined in the body selector. 글자색 color의 속성은 글자의 색을 설정하기 위해 사용되어진다. 색은 다음과 같이 명시되어진다. 가능 한 색의 값을 확인하기 위해선..
CSS Outline An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element "stand out". 바깥선은 요소의 주변의 그려진 선이다 ( 요소를 두두러지게 만들기 위해 테두리 바깥에 있는 선 ) Note: Outline differs from borders! Unlike border, the outline is drawn outside the element's border, and may overlap other content. Also, the outline is NOT a part of the element's dimensions; the element's total width and h..
The CSS Box Model All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model: css 박스 모델 html의 모든 요소는 box 로서 고려되어질 수 있다. box 모델의 용어는 디자인과 레이아웃에 대해서 이야기..
CSS Setting height and width The height and width properties are used to set the height and width of an element. The height and width properties do not include padding, borders, or margins. It sets the height/width of the area inside the padding, border, and margin of the element. css 높이와 넓이 설정하기 높이와 넓이 속성은 요소의 높이와 넒이를 설정하기 위해 사용되어진다. 높이 넓이 속성은 패딩과 경계선 마진을 포함하진 않는다. 이것은 요소의 패딩 마진 경계선 내부의 영역의 높이와..
CSS Padding The CSS padding properties are used to generate space around an element's content, inside of any defined borders. With CSS, you have full control over the padding. There are properties for setting the padding for each side of an element (top, right, bottom, and left). css 충전재( 그냥 패딩..? ) css padding 속성은 요소 내용물 ( 경계선 안쪽에 정의된 ) 주변에 공간을 만들기 위해 사용되어진다. 너는 패딩의 완벽한 제어권을 가질수 있다. 요소의 위, 오른쪽,..
CSS Margins The CSS margin properties are used to create space around elements, outside of any defined borders. With CSS, you have full control over the margins. There are properties for setting the margin for each side of an element (top, right, bottom, and left). CSS 여백 css 여백 속성은 테두리의 바깥편, 요소의 주변의 공간을 만들기 위해 사용되어집니다. 너는 여백의 완벽한 제어권을 가진다. 요소의 각면에 대해서 여백을 설정하는 속성이 있다. Margin - Individual Sides ..
CSS Border Properties The CSS border properties allow you to specify the style, width, and color of an element's border. CSS 테두리 속성 css 테두리 속성은 너가 요소의 테두리의 색깔, 두께, 모양을 명시하기 위해 사용할수 있다. CSS Border Style The border-style property specifies what kind of border to display. 테두리 모양 border-style 속성은 보여주고자 하는 테두리의 종류를 명시한다. CSS Border Width The border-width property specifies the width of the four borde..
