수업예고
이번 시간엔 CSS를 웹페이지에 삽입하고, 선택자와 속성이라는 것을 배웁니다. 쉽기 때문에 안중요해보이지만 사실은 가장 혁명적인 변화가 시작된 것인데...
속성의 기본
강의
소스코드
댓글
-
selector 선택자 a 코드
{} declaration 선언자
color: property
red : value
어떤것이 어떤지 알면, 질문할 수 있음. 자신이 모르는 것이 어떤 것인지 알 수 있음. -
잘 듣고 갑니다.
-
2018-06-09 잘 보고 갑니다!
-
좋습니다 좋아요
-
2018.05.03 잘 봤습니다 감사합니다~
-
Webpage에 CSS삽입방법
1. style tag (selector, declaration)
2. style property (selector is not needed because it's within tags)
Now we can search selectors or properties we want to use -
감사합니다 더 좋은 강의 부탁해요
-
감사합니다. 점점 알아가고 발전하는 것 같아서 기분이 너무 좋네요!
-
selector으로 body의 글을 모두 조정하면서 <style> tag를 활용해서 CSS 문법을 도입하고, 선언을 통해 디자인을 만들고; 글에서 직접 html속성으로 css의 효과를 내어 보기도 했네요! 선택자와 선언, 그리고 속성까지... 효율적 디자인!!
-
다른 방법 소개도 나올까요...?
인터넷에 찾아보니 아래와 같이도 똑같은 효과를 낼 수 있네요.
<style type"text/css">
a:link {text-decoration:none; color: white;}
a:visited {text-decoration:none; color: white;}
a:active {text-decoration:none; color: red;}
a:hover {text-decoration:none; color: red;} -
스타일 시트는 속성이 다양하기 때문에
일일이 속성을 다 기억해내기에는 어렵습니다.
그래서, 에디터는 자동완성을 해줄 수 있는 에디터를 쓰라고 말하고 싶네요.
브락켓이나 아톰으로 쓰시기를 권해 드립니다. -
알찬강의 잘 들었습니다. 감사합니다.
-
오늘도 강의 잘 듣고 갑니다.
-
<style>
a{
color : blue;
text-decoration : none;
}
</style> -
네 맞습니다. 다른 곳에 적어도 작동하지만 약속 위반이랍니다. -
안녕하세요. 공부를 잘하고 있는데 질문이 있습니다.
원래 style 태그는 head와 body만 적용되는 것인가요?
p에는 적용이 자동으로 안되서 궁금하더라구요 ㅎㅎ
구글링을 해보니 약속으로 head랑 body만 적용되도록 했다고 하는데.. 맞나요? -
180209 감사합니다 -
180122 완료입니당! 재밌어옄!! 최소로 배워서 최대로 사용하겠습니당!
-
180119 감사합니다!
-
18-01-14 1일차 - 3번째 강의
수강완료!
선택자와 속성의 차이를 구분할 수 있게 되었습니다. ^_^ -
많이배우고가요 감사합니다^^
-
감사합니다. -
용어들이 낯설지만 잘 따라가겠습니다
-
감사합니다
-
지금 이 수업을 WEB1의 HTML에서 이어서 하면서 굳이 GitHub에 바로바로 수정해보고 있는데, HTML 안에 style=color:red; text:decoration:underline; 에서 띄어쓰기했더니 적용이 안되더라고요.^^;
조금 느리기는 하지만 따라가고 있습니다.^^ -
Selector(선택자)
Declaration(선언)-선택자가 지정하는 태그들에 대해서 어떠한 효과를 줄 것인가
Property(속성)
Value(속성의 값) -
감사합니다! -
Selector 선택자
Declaration 효과
Property 속성
Value 속성의 값 -
감사합니다!!!
-
감사합니다!
-
CSS에 관해 완전 무지해서 이번 강의는 용어에 대한 기초를 쌓아가는 소중한 시간이 될 수 있었어요! 감사합니다:D
-
Property Value의 개념을 다시 생각을 하게 된 강의였습니다.
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
