공부하는 블로그

CSS 적용하기 본문

Develop/CSS

CSS 적용하기

모아&모지리 2017. 9. 25. 10:42

static폴더에 common-style애는 공통적으로 사용될 css을 적고

layout-style에는 그 파일에만 적용될 css만 적는다.


1
2
3
4
5
6
7
8
9
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 
<link rel="stylesheet" href="<c:url value="/css/common-style.css"/>"/>
<link rel="stylesheet" href="<c:url value="/css/layout-style.css"/>"/>
cs
c

css의 사용


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@charset "UTF-8";
/* 공통된 스타일 css(common-style) */
div, span, a, p, label {
    font-size: 9pt;
}
body {
    padding: 0px;
    margin: 0px;
}
#wrapper {
    padding: 10px;
    height: 200px;
    background: #eeeeee; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eeeeee, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eeeeee, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eeeeee, #ffffff); /* Standard syntax (must be last) */
}
a {
    font-weight: bold;
    border: 1px solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    color: #333333;
    background-color: #f8f8f8;
    text-decoration: none;
}
h1 {
    border-bottom: 1px solid #cccccc;
}
cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@charset "UTF-8";
/*
    SignUp 페이지에서 사용할 Style
*/
#agreementContent {
    border-radius: 7px;
    padding: 10px;
    border: 1px solid #cccccc;  
    background: #f8f8f8;
}
#agreementCheck {
    border-top: 1px dashed #cccccc;
    padding-top: 10px;
}
 
cs


저작자표시

'Develop > CSS' 카테고리의 다른 글

(CSS) 선택자 정리  (0) 2018.02.20
CSS(Cascading Style Sheets)의 특징과 CSS Selector종류  (0) 2017.09.25
'Develop/CSS' Related Articles more