반응형

id 는 # 으로 사용
class . 으로 사용

<div id="css_id"></div>
<div class="css_class"></div>


일겅우
<style type="text/css">
# css_id{
css_id 에 대한 속성
}
.css_class{
css_class 에 대한 속성
}
</style>
반응형

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
display:inline; display:block;  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

<div>1</div>
<div>2</div>
<div>3</div>

-------------
1
2
3
--------------
div 의 경우 display 기본속성이 block


<span>1</span>
<span>2</span>
<span>3</span>

---------------
123
---------------
span 의 경우 display 기본속성이 inline

block 은 줄 바꿈
inline 은 줄바꿈 안됨
inline의 경우 상하 padding , width,height는 사용 불가
반응형

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

ul{
list-style:none; //불릿 표시 없애기
padding-left:0; // 왼쪽 여백 0으로 만들기
margin:0; //익플에서 padding이 안먹히면 마진값 을 0으로  // dtd 설정 해주면 필요 없음
}

익플 일때 margin:0; 일경우 패딩값이나 불릿을 자동으로 없애버림 // dtd 설정 해주면 필요 없음
파폭 일경우는 해당 값이 다 들어가야 원하는 모양대로 출력
padding: 0 0 10px 0; 패딩 값의 경우 앞에서 부터 순서대로 위 오른쪽 아래 왼쪽 이 된다.
0이상일 경우 무조건 px 을 쓰는 습관!!
padding:0 10px; 일경우 위 아래는 0 좌우는 10px
padding:10px;  위 오른쪽 아래 왼쪽 모두 10px 씩
===============================================================

ul{
list-style-image:url(이미지 주소); //불릿을 이미지로 바꾸기
}


li {
    background:url(이미지 주소) no-repeat 0 50 % // li 배경 이미지 넣기, 왼쪽에서 0 위쪽으로부터 50% 위치
}


반응형

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
display:inline; display:block;  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

select concat(필드명1,"vvv",필드명2) from 테이블

==> 필드명1값vvv필드명2값
반응형

'MYSQL' 카테고리의 다른 글

mysql custom 값으로 정렬하기  (0) 2020.04.06
group_concat  (0) 2012.02.05
union  (0) 2011.03.28

+ Recent posts