CSS 관련질문
-
게시물 수정 , 삭제는 로그인 필요
<!DOCTYPE html>
<html lang="en">
<head>
<title> Omnifood </title>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,300i,400" rel="stylesheet">
<link href="Resources/css/style.css" rel="stylesheet" type="text/css">
<link href="Vendors/css/normalize.css" rel="stylesheet" type="text/css">
<link href="Vendors/css/grid.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="hero-text-box">
<h1> Goodbye junk food. Hello super healthy meals. </h1>
<a href="#">I'm hungry</a>
<a href="#">Show me more</a>
</div>
</header>
</body>
</html>
이게 html 이고
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
background-color: #fff;
color: #555;
font-family: 'Lato', 'Arial', sans-serif;
font-weight: 300;
font-size: 20px;
text-rendering: optimizeLegibility;
}
.row {
max-width: 1140px;
Margin: 0 auto;
}
header {
background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(img/hero.jpg);
height: 100vh;
background-size: cover;
background-position: center;
}
.hero-text-box {
position: absolute;
width: 1440px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
h1 {
margin: 0;
color: #FFF;
Font-size: 200%;
}
이게 CSS 인데 형광친 부분이 안됩니다, 좀 도와주세요...
<!DOCTYPE html>
<html lang="en">
<head>
<title> Omnifood </title>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,300i,400" rel="stylesheet">
<link href="Resources/css/style.css" rel="stylesheet" type="text/css">
<link href="Vendors/css/normalize.css" rel="stylesheet" type="text/css">
<link href="Vendors/css/grid.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="hero-text-box">
<h1> Goodbye junk food. Hello super healthy meals. </h1>
<a href="#">I'm hungry</a>
<a href="#">Show me more</a>
</div>
</header>
</body>
</html>
이게 html 이고
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
background-color: #fff;
color: #555;
font-family: 'Lato', 'Arial', sans-serif;
font-weight: 300;
font-size: 20px;
text-rendering: optimizeLegibility;
}
.row {
max-width: 1140px;
Margin: 0 auto;
}
header {
background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(img/hero.jpg);
height: 100vh;
background-size: cover;
background-position: center;
}
.hero-text-box {
position: absolute;
width: 1440px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
h1 {
margin: 0;
color: #FFF;
Font-size: 200%;
}
이게 CSS 인데 형광친 부분이 안됩니다, 좀 도와주세요...
