5.1 태그의 스타일 속성
그리고 HTML에 대한 몇 가지 유용한 정보가 더 있습니다. 웹이 대중화되기 시작하면서 아름답게 또는 매우 아름답게 디자인된 웹 페이지에 대한 요구가 증가했습니다. 이 문제는 를 사용하여 해결되었습니다 style
.
이 속성의 일반적인 형식은 다음과 같습니다.
<tag style="name=value;name2=value2;nameN=valueN">
style
세미콜론으로 구분된 속성 값은 태그에 적용해야 하는 모든 "스타일"을 나열합니다.
100*100
이미지를 정사각형으로 표시 하고 반투명하게 만들고 싶다고 가정해 보겠습니다 . 이렇게 하려면 특수 스타일을 추가해야 합니다.
- 폭=100픽셀;
- 높이=100픽셀;
- 불투명도=0.5;
그러면 이 이미지가 포함된 HTML 코드는 다음과 같습니다.
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
수천은 아니더라도 수백 가지의 스타일이 있습니다. 그리고 브라우저 개발자들은 끊임없이 새로운 것을 내놓고 있습니다. 웹디자이너가 아닌 자바 개발자가 되기 위해 공부하고 계시다니 좋네요 :)
5.2 인기 있는 CSS 스타일
일상에서 많은 HTML 코드를 작성하거나 스타일을 편집할 가능성은 거의 없지만 어떤 일이든 일어날 수 있습니다. 예를 들어 API
. 따라서 기본 스타일을 아는 것이 HTML
도움이 될 수 있습니다.
다음은 백엔드 개발자에게 가장 일반적인 10가지입니다.
# | 이름 | 예 | 설명 |
---|---|---|---|
1 | 너비 | 너비: 100px | 요소 너비(픽셀) |
2 | 키 | 높이: 50% | 백분율로 나타낸 요소의 높이(부모 너비의) |
삼 | 표시하다 | 디스플레이: 없음 | 표시 요소(요소를 표시하지 않음) |
4 | 시계 | 가시성: 숨김 | 요소 가시성(요소는 숨겨져 있지만 이를 위한 공간이 예약되어 있음) |
5 | 색상 | 색상: 빨간색; | 텍스트 색상 |
6 | 배경색 | 배경색: 연기 | 배경색 |
7 | 국경 | 테두리: 1px 솔리드 블랙; | 테두리(너비 1px, 색상 검정색, 실선) |
8 | 폰트 | 글꼴: verdana 10pt | 글꼴: verdana, 크기 10pt |
9 | 텍스트 정렬 | 텍스트 정렬: 가운데; | 텍스트 수평 정렬 |
10 | 여유 | 여백:2px | 요소 외부 패딩 |
이 태그를 기억할 필요가 없으며 모든 것이 인터넷에 있습니다. 또한 각 "스타일"에는 고유한 유효한 값 집합과 값을 설명하는 고유한 형식이 있습니다. 적어도 border
또는 를 보십시오 font
.