다른 태그들의 경우, 각각의 태그 사이에 쉼표 및 컴마를 입력하지 않아도
CSS 스타일이 적용될 수 있다.
하지만, hr, td의 경우, 사이에 쉼포 및 컴마를 입력해야지만 CSS 스타일이
적용된다는 사실 참고!
| vh vw 그리고 %와 차이점 (0) | 2023.01.24 |
|---|---|
| 플렉서블 박스 flexible box 레이아웃 (0) | 2023.01.24 |
| (border)에서 두께와 스타일을 별도로 만들고 싶을 때 (0) | 2022.11.19 |
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
<style>
div {
border-width: 5px;
}
.box1 {
border-style: solid;
border-color: red;
}
| 플렉서블 박스 flexible box 레이아웃 (0) | 2023.01.24 |
|---|---|
| (CSS)에서 hr, td 스타일 적용시 유의사항 (0) | 2022.11.20 |
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
#container {
width: 650px;
margin: 0 auto;
padding: 5px;
}
| (CSS)에서 hr, td 스타일 적용시 유의사항 (0) | 2022.11.20 |
|---|---|
| (border)에서 두께와 스타일을 별도로 만들고 싶을 때 (0) | 2022.11.19 |
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
| (label) 텍스트 크기 키우기 및 두껍게 하기 (0) | 2022.11.17 |
<style>
p.content {
border: 1px solid #ccc;
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
p.content {
over-flow: visible;
}
</style>
<body>
<p class="content"><h4> 귀리는.....................................</h4><p>
</body>
> 결론 : <hn> 코드가 <border> 코드보다 우선한다!
| (border)에서 두께와 스타일을 별도로 만들고 싶을 때 (0) | 2022.11.19 |
|---|---|
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
| (label) 텍스트 크기 키우기 및 두껍게 하기 (0) | 2022.11.17 |
| (ul) (li) 목록 만들었을 때 기호 없애기 (0) | 2022.11.17 |
<css>
font-size: 16px;
font-weight: bold;
width: 80px;
float: left;
</css>
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
|---|---|
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label) 텍스트 크기 키우기 및 두껍게 하기 (0) | 2022.11.17 |
| (ul) (li) 목록 만들었을 때 기호 없애기 (0) | 2022.11.17 |
| css에서 폰트 두께 설정하기 (0) | 2022.11.15 |
<css>
font-size: 16px;
font-weight: bold;
</css>
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
|---|---|
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
| (ul) (li) 목록 만들었을 때 기호 없애기 (0) | 2022.11.17 |
| css에서 폰트 두께 설정하기 (0) | 2022.11.15 |
<style>
ul li {
list-style: none;
margin-bottom: 15px;
</style>
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
|---|---|
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
| (label) 텍스트 크기 키우기 및 두껍게 하기 (0) | 2022.11.17 |
| css에서 폰트 두께 설정하기 (0) | 2022.11.15 |
<style>
.mytitle {
color: green;
font-weight: bold;
</style>
| (css)에서 (margin) 값 설정시 ","는 넣지 말자! (0) | 2022.11.19 |
|---|---|
| (hn)코드와 border가 중첩되었을 때, 우선순위 (0) | 2022.11.19 |
| (label)과 (input) 간 간격조절하기 (0) | 2022.11.17 |
| (label) 텍스트 크기 키우기 및 두껍게 하기 (0) | 2022.11.17 |
| (ul) (li) 목록 만들었을 때 기호 없애기 (0) | 2022.11.17 |