WEB1과 달리 WEB2 CSS강좌 부터는 HTML 구성 요소들에 대한 개념이 없어 강좌를 따라가기 어렵게 되네요. 예를 들어 element란 무엇인지, attribute란 무엇인지, 이번 강좌에서 나온 class나 id에 대해서도 각각이 갖고 있는 특성들 중 주요 특성만을 설명하면서 강좌가 진행되니 class와 id의 개념에 대한 이해가 없이 따라가게 되어 결국 혼란에 빠지게 되네요^^ 하지만, 내가 무엇을 모르고 있는지, 무엇에 대해 구하고 알아야 하는지 알게 해줬으니 그 또한 의미가 있고 다행이라 하겠습니다. 덕분에 W3school와 같으 여러 유용한 사이트도 알게 되었으니 큰 도움 받았습니다. 저는 이쯤해서 강좌 듣기를 멈추고 w3school에서 HTML 필수 요소들에 대한 개념 이해를 먼저 하고 강좌를 다시 찾는 것이 나을 것 같네요. 감사합니다.
진짜 넘 감사해요. 직업전문학교에서 html,css,javascript,jquery까지 배웠는데 스스로 1도 못하겠더라구요.ㅠㅠ 문법만 반복해주시구.. 실제 활용을 전혀 안가르쳐 주셔서 넘 막막했는데.. 생활코딩 수업 차례대로 듣고 있어요. html 수업 들으며 웹페이지 뚝딱 만들어보는 경험에 감동입니다.ㅠㅠ 그간 뭘 배운건가.. 이래서 취업해서 일은 하겠나.. 싶었는데..ㅠㅠ 계속 열공할께요.^^
좋은 강의 감사합니다!! 열공 class 그룹의 태그 변화에 .{ } 명령을 style안 나중에 한 것에 먼저 영향을 받는다. 명령 우선 순위 태그 < 클래스 < id 선택자 a href="2.html" < class="saw" < id="active" ----> #active{ } id의 값은 단 한번만 사용 가능하다.
코딩의 '코' 자도 몰랐던 제가 운좋게 이런 좋은 수업을 받을 수 있어서 감사할 따름입니다. 질문이 2개 있습니다. 1) class 값인 saw나 id 값인 active에도 무슨 뜻이 있는지요. 여기서 "링크를 클릭해서 봤으니까" 꼭 saw라는 단어를 써야하는 것인지, 아니면 아무 단어나 자기가 정하고 그걸로 규칙을 만들면 되는 건지 궁금합니다. 2) CSS 그리고 #active {color:red;} .saw {color: gray;} 에서 class보다 id가 상위랭크라서 우선시 되니까 결과적으로 보면 그냥 id="active"만 있어도 될 거 같은데 class="saw" id="active" 둘다 쓰신 이유가 있는지 궁금합니다~~
*우선순위 그냥 태그 선택자 < 클래스 선택자 < ID 선택자 ex) #active .saw a 똑같은 우선순위에선 가장 마지막에 쓴 게 영향력이 쎔 (가장 최근에 한 명령 우선) ID 선택자는 한 번만 등장해야 함 (중복 ㄴㄴ) 문서의 다른 곳에서 나오면 안 됨 구체적인 것이 포괄적인 것보다 우선순위를 높인 것 ID 선택자는 포괄적으로 지정한 것 외에 에외들만 지정해서 따로 설정하는 용도
질문이 있습니다! 생활코딩님 말고도 아시는 분 있으시다면 답글 달아주시면 감사하겠습니다ㅎㅎ 이 영상에서 class와 id값을 지정해 주셨는데, 혹시 해당 값들이 그 자체로도 saw와 active의 의미를 갖는 것인가요? 제가 이해한 바로는 해당 값들이 의미가 있다기 보다는, 아무 글이나 써도(예를 들어 id="가나다") 값만 일치하면 작동하는 것으로 이해했습니다. 이게 맞다면 실제로 CSS 화면을 보고있다는 의미로써의 빨간 글씨가 아니라, 그냥 CSS 글씨만 색칠했다는 의미가 아닌지요?
Class= . 그룹핑, 묶다 속성의 값은 여러 개의 값이 들어올 수 있고, 띄어쓰기로 구분한다. 하나의 태그에는 여러 개의 속성이 들어올 수 있고 여러개의 선택자에 의해 하나의 태그를 공동으로 제어 할 수 있다. . < (# + id="active" 태그< 클래스 < id : 모두가 같은 선택자이거나 속성일 경우 아래에 있는 속성이 우선순위가 높다. (포괄적 < 구체적인) Id는 중복되어서는 안되기 때문에 가장 강력함 검색 : css selector 선택자+효과 .saw { color: gray; } 속성 선택자+효과 .active { color: red } 속성
질문이 있어서 답글남겨요 강의 잘 듣고 있씁니다 ㅎㅎ 저희가 처음에 파일 만들때 인덱스와 1,2,3파일을 각각 만들어서 1,2,3파일에 각각 html,css,java관련된 내용을 넣었잖아요. 이 후 수업은 인덱스 파일에서 수정하고 있는데 글자색바꾸기 같은 경우 새로고침했을 때 메인페이지에서는 정상 작동하지만 나머지 css,html,java등을 눌렀을 때는 적용이 안되는데 그럼 매번 수정할 때 마다 각 1,2,3 파일을 똑같이 수정해주어야 하는건가요? 생활코딩님은 따로 다른 파일을 수정하는 것 같지 않은데도 적용이 되는 것 같아서 뭔가 다른 방법이 있나 싶어서 댓글남깁니다. 설명이 조금 부족한 것 같아서 덧 붙이자면 web가운데 정렬을 했을 때 메인페이지에서는 정상적으로 가운데 정렬되지만 css카테고리를 클릭할 시 다시 왼쪽 정렬한 것 처럼 보이는데 이를 해결하려면 각 1,2,3파일에 얼라인을 추가로 적어야 하는건지 아니면 다른 방법이 있는건지 궁금해요!
이가은님이 하신 말씀대로라면 a라는 selector에 (declaration이 아닌) 에 조건을 주는건가요? 저도 들으면서 조건 if 가 머릿속에 맴돌았거든요. 봤으면 회색, 지금 보고 있으면 빨강, 안봤으면 검정. 태그의 우선순위가 주어진다고 해도 방문자가 어디부터 보는지는 통제할수 없으므로, 조건을 줘야 할거 같은데 했는데 가은님이 말씀하신게 조건을 준것인지 궁금하네요. 여튼 답변 주셔서 감사드려요~
수업 잘 들었습니다. 근데 CSS 페이지에 있다고 생각하고 CSS 색을 빨간색으로 한건 좋은데 HTML을 회색으로 한 건 잘 이해가 안되요. 방문자가 HTML을 클릭했다고 가정하신거 같은데 그러지 않고 바로 CSS로 들어올 수도 있잖아요. 그럴 땐 어떻게 해야되나요? 그리고 가만히 생각해보니 html을 회색으로 하고 css를 빨간색으로 하고 싶으면 그냥 style=color:~를 써서 해도 되는데 왜 굳이 class, id를 써야하죠..??
내가 봤던 페이지를 회색으로 나타났으면 좋겠어서, class="saw"를 넣고 style 태그에서 .saw 로 묶어 색상을 지정했잖아요. 근데 내가 봤던 페이지를 회색으로 띄게 하고 싶어서 그렇게 하는 것인데 보지 않았어도 class="saw" 값을 넣고 묶으면 그냥 class="saw"가 포함된 묶인 페이지는 모두 지정한 색상으로 보이더라고요. 무슨 의미가 있는건지 조금 모르겠습니다. 그저 묶는다는 것에 의미가 있는 것인가요?ㅜㅜㅜㅜㅜㅜㅜㅜ 아무나 답변 부탁드립니다.
저는 그냥 saw라는 이름의 클래스에 묶은것이라 이해했습니다. 한정적으로 내가 봤던 페이지를 회색으로 띄우고 싶어서 saw로 정한거지 내가 봤던 페이지를 회색으로 띄우는 기능을 쓰기위해 class를 쓴게 아닌것 같네요.. 애초에 css 수업 들어오시면서 css는 디자인적인걸 꾸미기 위한거지 기능적인건 아니라고 하셨던것 같네요. 저는 하위 선택자 같은 개념들 다른사이트에 설명해놓은게 너무 어려워서 말씀하신 태그 선택자/클래스/id 밖에 모르겠음...
제 생각에는 선택자 간의 우선순위와 class, id를 설명하기 위해서 방문했다는 정보가 미리 있다는 가정하에 코드를 짜신거 같아요. 실제로 방문했다는 정보를 사용하려면 selector를 a.link, a.visited, a.active 등을 사용하시면 될거같아요. 해당 W3S 링크 남깁니다. www.w3schools.com/css/css_link.asp
강의 너무 잘듣고 있습니다. 그런데 듣다보니 하나 의문이 생겨서요.... 한번방문한 곳의 색깔을 줘서 정보를 준다고 하였는데 웹사이트에 들어가서 순서대로 방문하면 강의 대로 색깔을 바꿔줘서 방문한 사람에게 정보를 주는 건데 사람이 꼭 순서대로 방문을 안 할 경우도 있을텐데요..... 임의로 방문했다는걸 어떻게 알고 미리 색깔을 바꾸어서 정보를 주는건지 이해가 안가서요 ㅠㅠ 설명을 너무잘 해주셔서 잘따라 오다가 여기서 막혀서요 ㅠㅠ 제 질문도 맞게 질문했는지도 모르겠네요
제 생각에는 선택자 간의 우선순위와 class, id를 설명하기 위해서 방문했다는 정보가 미리 있다는 가정하에 코드를 짜신거 같아요. 실제로 방문했다는 정보를 사용하려면 selector를 a.link, a.visited, a.active 등을 사용하시면 될거같아요. 해당 W3S 링크 남깁니다. www.w3schools.com/css/css_link.asp
Наука
풀스택 준비하고 있는 40살. 덴마크에서 컴공전공하는 학생입니다.
자바 끝내고 자바스크립트와 HTML CSS 공부하고 있는데 정말 도움 많이 받고 있습니다.
이 감사함을 어떻게 표현해야 할지 모르겠습니다. 귀한 지식 나눔 정말 고맙습니다.
제가 미심쩍을라 하면 선생님은 그걸 또 예상해서 명쾌하게 설명하네요 참 친절하십니다
web1부터 따라온 사람인데 이번 수업이 가장 정보량이 많고 이해할 개념이 많네요. 그래도 포기하지않고 여러 번 반복해서 외우는게 아니라 이해가 되고 느껴질 때까지 해보겠습니다! 화이팅!
- id(가장희귀)>class(중간층) > a (태그/가장흔함)
class="saw active" >> 선택자에서는 .saw 이나 .active 우선순위는 뒤에께 우선////
id="active">> 선택자에서는 #active 가장 우선순위 ( 단하나만 존재)
현업을 포기하고 30살을 바라보는 순간에 도전하고 있는 중인데 유용한 강의를 들을 수 있어서 항상 감사드립니다.
html부터 정주행중이에요 너무 감사합니다!!!!
태그 < 클래스 < id
WEB1과 달리 WEB2 CSS강좌 부터는 HTML 구성 요소들에 대한 개념이 없어 강좌를 따라가기 어렵게 되네요. 예를 들어 element란 무엇인지, attribute란 무엇인지, 이번 강좌에서 나온 class나 id에 대해서도 각각이 갖고 있는 특성들 중 주요 특성만을 설명하면서 강좌가 진행되니 class와 id의 개념에 대한 이해가 없이 따라가게 되어 결국 혼란에 빠지게 되네요^^
하지만, 내가 무엇을 모르고 있는지, 무엇에 대해 구하고 알아야 하는지 알게 해줬으니 그 또한 의미가 있고 다행이라 하겠습니다. 덕분에 W3school와 같으 여러 유용한 사이트도 알게 되었으니 큰 도움 받았습니다. 저는 이쯤해서 강좌 듣기를 멈추고 w3school에서 HTML 필수 요소들에 대한 개념 이해를 먼저 하고 강좌를 다시 찾는 것이 나을 것 같네요. 감사합니다.
진짜 넘 감사해요. 직업전문학교에서 html,css,javascript,jquery까지 배웠는데 스스로 1도 못하겠더라구요.ㅠㅠ 문법만 반복해주시구.. 실제 활용을 전혀 안가르쳐 주셔서 넘 막막했는데.. 생활코딩 수업 차례대로 듣고 있어요. html 수업 들으며 웹페이지 뚝딱 만들어보는 경험에 감동입니다.ㅠㅠ 그간 뭘 배운건가.. 이래서 취업해서 일은 하겠나.. 싶었는데..ㅠㅠ 계속 열공할께요.^^
class가 참 어려웠는데 점점 흡수하고 있습니다. 감사합니다 :))
ㅜㅜ 설명 까막눈이이였는데 이제 읽히네요 진짜감동~~~`
우위 순위: id > class > tag
그동안 막연히 했던 코드를 구체적으로 이해할 수 있어서 넘 좋습니다. 감사합니다. 선생님!!!!!
와우 선생님 너무 재밌네요. 이렇게 좋은 강의 만들어 주셔서 감사하고 있습니다. 한번 더 보면서 확실히 익혀야 되겠네요.
자바1듣고 WEB1 부터 듣고 있는데 여태 들은 강의 중 가장 많은 내용을 배우는 것 같네요 암기보단 이해하려 노력해보겠습니다
영상 보면서 느낀건데 뭔가 명언들이 귀에 쏙쏙들어옴 책 엄청 많이 읽으신듯
제가 기초가 부족해서 학교강의가 어려워서 찾아왔는데 너무 좋네요 고맙습니다 선생님
요거 이해한다고 3번은 돌려보았네요 흑흑 ㅠㅠ 그래도 이해 다하고 맘편히 자러갑니다 ..😪 선생님 감사합니다 체고😁😁😁
좋은 강의 감사합니다!! 열공
class 그룹의 태그 변화에 .{ }
명령을 style안 나중에 한 것에 먼저 영향을 받는다.
명령 우선 순위 태그 < 클래스 < id 선택자
a href="2.html" < class="saw" < id="active" ----> #active{ }
id의 값은 단 한번만 사용 가능하다.
css 첫화보기전에 이영상이 추천영상으로 떴을 때 썸네일이 뭔가 싶었는데 선택자 개념을 알고있으니 센스있는 썸네일이군용
정말 재미있습니다
열심히 배워서 개발자가 되고 싶습니다
감사합니다
역시... 설명은 생코님이 갓입니다 ㅠ
좋은 영상 감사합니다.
와.. 학원에서 클래스랑 아이디 선택자 배웠는데 아무리 설명을 듣고 자료를 읽고 실습을 해봐도 이해가 안갔는데 이 영상을 보니 한번에 이해가 가요. 감사합니다ㅠㅠ
그것이 바로 누적지식이라는 거 아닐까요? 앞에서 하신 고생 덕분에 이분 시도가 성공한 것 같습니다. 축하합니다 ^^
생활코딩 오아아아 답변 감사합니다!! 더 열심히 해야겠어요:)
좋은 강의 감사합니다!!
전부 같은 형태의 선택자인 경우: 가장 마지막 선택자 승
다른 형태 선택자인 경우: id > class > tag
- 왜? 태그 통해 포괄적 디자인 지정.
특별한(구체적인) 디자인은 id 통해 차별화.
class는 그 중간단계.
감사합니다. 체계를 배워 갑니다. 순서와 목적을 알아갑니다. 감사합니다!
영상 하나하나 볼때마다 느끼는건 영상 제목마저 고심해서 정하시는 것 같아 영상을 마무리할때마다 제목으로 정리해볼 수 있어서 이것마저 도움이 됩니다 ㅠㅠ
말씀하시는 속도의 완급조절, 고저변화가 너무 마술 같아서 순식간에 한 강의가 끝나 있고 그렇습니다
학습효율이 너무 좋아요
- 우선순위: id > class > tag selector (선택적 포괄적)
- id selector
SUGA
아이디 값이 active인 tag a --> 위에 쟤 하나만 active라는 아이디값을 가질 수 있음.
태그 선택자, 클래스 선택자, 아이디 선택자... 좋은 설명 감사합니다!
감사합니다!
명품 강의!
코딩의 '코' 자도 몰랐던 제가 운좋게 이런 좋은 수업을 받을 수 있어서 감사할 따름입니다.
질문이 2개 있습니다.
1) class 값인 saw나 id 값인 active에도 무슨 뜻이 있는지요. 여기서 "링크를 클릭해서 봤으니까" 꼭 saw라는 단어를 써야하는 것인지, 아니면 아무 단어나 자기가 정하고 그걸로 규칙을 만들면 되는 건지 궁금합니다.
2) CSS
그리고
#active {color:red;} .saw {color: gray;}
에서 class보다 id가 상위랭크라서 우선시 되니까 결과적으로 보면 그냥 id="active"만 있어도 될 거 같은데 class="saw" id="active" 둘다 쓰신 이유가 있는지 궁금합니다~~
진짜 너무 재밌다 ㅋㅋㅋㅋ
*우선순위
그냥 태그 선택자 < 클래스 선택자 < ID 선택자
ex)
#active
.saw
a
똑같은 우선순위에선 가장 마지막에 쓴 게 영향력이 쎔 (가장 최근에 한 명령 우선)
ID 선택자는 한 번만 등장해야 함 (중복 ㄴㄴ) 문서의 다른 곳에서 나오면 안 됨
구체적인 것이 포괄적인 것보다 우선순위를 높인 것
ID 선택자는 포괄적으로 지정한 것 외에 에외들만 지정해서 따로 설정하는 용도
질문이 있습니다! 생활코딩님 말고도 아시는 분 있으시다면 답글 달아주시면 감사하겠습니다ㅎㅎ
이 영상에서 class와 id값을 지정해 주셨는데, 혹시 해당 값들이 그 자체로도 saw와 active의 의미를 갖는 것인가요? 제가 이해한 바로는 해당 값들이 의미가 있다기 보다는, 아무 글이나 써도(예를 들어 id="가나다") 값만 일치하면 작동하는 것으로 이해했습니다. 이게 맞다면 실제로 CSS 화면을 보고있다는 의미로써의 빨간 글씨가 아니라, 그냥 CSS 글씨만 색칠했다는 의미가 아닌지요?
같은 폴더내에서 선생님이 하신것처럼 이용하면 적용이 되는데 css폴더 따로 만들고
고맙습니다
태그끼리는 우선순위는 어떻게 될까요? 강의 처럼 a태그에 컬러를 입력한 상태에서 h1에도 컬러를 입력해봤더니 a태그 컬러가 출력이되네요. h1이 뒤에 있는데도 말이죠.
Class= . 그룹핑, 묶다
속성의 값은 여러 개의 값이 들어올 수 있고, 띄어쓰기로 구분한다.
하나의 태그에는 여러 개의 속성이 들어올 수 있고
여러개의 선택자에 의해 하나의 태그를 공동으로 제어 할 수 있다.
. < (# + id="active"
태그< 클래스 < id : 모두가 같은 선택자이거나 속성일 경우 아래에 있는 속성이 우선순위가 높다.
(포괄적 < 구체적인) Id는 중복되어서는 안되기 때문에 가장 강력함
검색 : css selector
선택자+효과
.saw {
color: gray;
}
속성
선택자+효과
.active {
color: red
}
속성
질문이 있어서 답글남겨요 강의 잘 듣고 있씁니다 ㅎㅎ 저희가 처음에 파일 만들때 인덱스와 1,2,3파일을 각각 만들어서 1,2,3파일에 각각 html,css,java관련된 내용을 넣었잖아요. 이 후 수업은 인덱스 파일에서 수정하고 있는데 글자색바꾸기 같은 경우 새로고침했을 때 메인페이지에서는 정상 작동하지만 나머지 css,html,java등을 눌렀을 때는 적용이 안되는데 그럼 매번 수정할 때 마다 각 1,2,3 파일을 똑같이 수정해주어야 하는건가요? 생활코딩님은 따로 다른 파일을 수정하는 것 같지 않은데도 적용이 되는 것 같아서 뭔가 다른 방법이 있나 싶어서 댓글남깁니다. 설명이 조금 부족한 것 같아서 덧 붙이자면 web가운데 정렬을 했을 때 메인페이지에서는 정상적으로 가운데 정렬되지만 css카테고리를 클릭할 시 다시 왼쪽 정렬한 것 처럼 보이는데 이를 해결하려면 각 1,2,3파일에 얼라인을 추가로 적어야 하는건지 아니면 다른 방법이 있는건지 궁금해요!
일단 모든 페이지에 수동으로 넣는다고 생각하시고 진도를 나가시다보면 한번에 모든 페이지가 바뀌는 마법을 만나게 될겁니다. 힌트: 태그
감사합니다
역시 코딩 어렵다더니...제 길이 아닌것같네요...👋👋
질문 이 있는 데요 그 태그들이나 주석 같은거나 적을때 띄어 쓰거나 앞 글자들의 칸이 않 맞 거나 그래도 컴퓨터가 인식하는데에는 지장이 없는 거죠?
ex)
something.
이렇게 해도 컴퓨터가 인식하는 데에는 지장이 없는 건가요?
네 정확하게 이해하고 계십니다!
우와 갑자기 내용이 늘어나는 느낌인데 오히려 좋아 ~~~
오우 좋아요
css선택자
saw앞에 .을 붙이게 되면 클래스가 saw인것을 선택하게 된다.
클래스란 말에는 그룹핑한다는 말을 포함하고 있다.
클래스라는 속성의 값은
여러개의 속성이 들어갈수 있다.
띄워쓰기로 구분한다.
태그선택자
하아아ㅜㅜ갑자기 어려워졌네요 계속 반복해서 봐야겠어요
class가 나오니 뭔가 정말 코딩느낌 나고 그렇네요 핫핫
영상에서 처럼 코딩을 한다면 a태그의 색상이 조건없이 지정되어있어서
방문한적이 없어도 회색으로 출력될것 같은데
a:visit{color:*;} 을 쓰지 않고 영상처럼 코딩하신건
선택자의 종류와 우선순위를 설명하기 위해선가요?
제가 의아해 하던건데 힌트감사요
감사히 배우고 있습니다. 한가지 질문이 있는데
따라하다 보면 태그 전체가 회색으로 변할때가 있어요
왜그런거죠?? 태그 적용은 정상적으로 됩니다.
똑같이 따라 했는데도 태그 색이 알록달록에서 회색으로 바뀌네요ㅜㅜ
알려주신대로 코딩을 하면 자바스크립트 링크를 클릭하고 돌아왔을 때 자바스크립트 부분이 회색으로 변하지 않게 되는데, 그 문제는 더 스마트하게 해결하는 방법이 있겠죠?
이가은님이 하신 말씀대로라면 a라는 selector에 (declaration이 아닌) 에 조건을 주는건가요?
저도 들으면서 조건 if 가 머릿속에 맴돌았거든요. 봤으면 회색, 지금 보고 있으면 빨강, 안봤으면 검정.
태그의 우선순위가 주어진다고 해도 방문자가 어디부터 보는지는 통제할수 없으므로, 조건을 줘야 할거 같은데 했는데 가은님이 말씀하신게 조건을 준것인지 궁금하네요. 여튼 답변 주셔서 감사드려요~
css 자동완성도 안되고 사이에있는 css들은 색도 다 하얀색으로 밖에 안되는데 혹시 영상처럼 바꾸는법 아시는분 계신가요...? 인터넷에 emmet 깔아보라길래 그것도 해봤는데 바뀌지않네요 새파일만들어서 확장자를 css로 하면 되긴하는데
수업 잘 들었습니다. 근데 CSS 페이지에 있다고 생각하고 CSS 색을 빨간색으로 한건 좋은데 HTML을 회색으로 한 건 잘 이해가 안되요. 방문자가 HTML을 클릭했다고 가정하신거 같은데 그러지 않고 바로 CSS로 들어올 수도 있잖아요. 그럴 땐 어떻게 해야되나요?
그리고 가만히 생각해보니 html을 회색으로 하고 css를 빨간색으로 하고 싶으면 그냥 style=color:~를 써서 해도 되는데 왜 굳이 class, id를 써야하죠..??
오우~ 오늘 좀 어렵! ㅋㅋㅋㅋ
내가 봤던 페이지를 회색으로 나타났으면 좋겠어서, class="saw"를 넣고 style 태그에서 .saw 로 묶어
색상을 지정했잖아요.
근데 내가 봤던 페이지를 회색으로 띄게 하고 싶어서 그렇게 하는 것인데
보지 않았어도 class="saw" 값을 넣고 묶으면
그냥 class="saw"가 포함된 묶인 페이지는 모두 지정한 색상으로 보이더라고요.
무슨 의미가 있는건지 조금 모르겠습니다.
그저 묶는다는 것에 의미가 있는 것인가요?ㅜㅜㅜㅜㅜㅜㅜㅜ
아무나 답변 부탁드립니다.
저는 그냥 saw라는 이름의 클래스에 묶은것이라 이해했습니다.
한정적으로 내가 봤던 페이지를 회색으로 띄우고 싶어서 saw로 정한거지
내가 봤던 페이지를 회색으로 띄우는 기능을 쓰기위해 class를 쓴게 아닌것 같네요..
애초에 css 수업 들어오시면서 css는 디자인적인걸 꾸미기 위한거지 기능적인건 아니라고 하셨던것 같네요.
저는 하위 선택자 같은 개념들 다른사이트에 설명해놓은게 너무 어려워서 말씀하신
태그 선택자/클래스/id 밖에 모르겠음...
제 생각에는 선택자 간의 우선순위와 class, id를 설명하기 위해서 방문했다는 정보가 미리 있다는 가정하에 코드를 짜신거 같아요. 실제로 방문했다는 정보를 사용하려면 selector를 a.link, a.visited, a.active 등을 사용하시면 될거같아요.
해당 W3S 링크 남깁니다. www.w3schools.com/css/css_link.asp
재밌다 ㄹㅇ
만약.. css페이지만 방문한 상태이고 나머지 Html과 Java는 한 번도 방문하지 않아 text가 검은색으로 나오게 하려면 어떻게 해야할까요??
강의 너무 잘듣고 있습니다. 그런데 듣다보니 하나 의문이 생겨서요.... 한번방문한 곳의 색깔을 줘서 정보를 준다고 하였는데 웹사이트에 들어가서 순서대로 방문하면 강의 대로 색깔을 바꿔줘서 방문한 사람에게 정보를 주는 건데 사람이 꼭 순서대로 방문을 안 할 경우도 있을텐데요..... 임의로 방문했다는걸 어떻게 알고 미리 색깔을 바꾸어서 정보를 주는건지 이해가 안가서요 ㅠㅠ 설명을 너무잘 해주셔서 잘따라 오다가 여기서 막혀서요 ㅠㅠ 제 질문도 맞게 질문했는지도 모르겠네요
저두 이게 궁금하네용ㅠㅠㅠㅠㅠ saw를 주는 기준을 정확하게 모르겠어요..
제 생각에는 선택자 간의 우선순위와 class, id를 설명하기 위해서 방문했다는 정보가 미리 있다는 가정하에 코드를 짜신거 같아요. 실제로 방문했다는 정보를 사용하려면 selector를 a.link, a.visited, a.active 등을 사용하시면 될거같아요.
해당 W3S 링크 남깁니다. www.w3schools.com/css/css_link.asp
-_- 여기서 부터 어려워지네염 많이 돌려봐야겠어염
그런데 영상 보다보니 궁금한것인데, CSS는 완전히 다른 언어라 하길래 또다른 확장자의 파일에서 작업하며 html과 상호작용하는 것인줄 알았는데, 그런게 아니고 html 파일에 CSS라는 문법을 추가하는것 뿐이군요?
브라우저는 아무말도 안하고 코드를 던져주면 그걸 html로 이해합니다. 잘 이해하셨습니다~
id가 하나만 적을수 있는거면 style="color:white" 이런식으로 하나에다 붙이면 안되나요? id보다 명령이 강하던데
네 그렇게해도 된니다. 선택자에서도 !important란 기호를 쓰면 더욱 우선순위를 높일수 있어요
중복을 피하고 싶어서 a태그 안에서 style을 지우셨는데, 그걸 class로 대체하면 똑같은것 아닌가요? saw라는 클래스로 묶고 싶은 a태그 안에 class를 다 넣고 style태그에 class지정까지 해야 작동하는거라면 오히려 일이 더 많아 지는것 아닌가요??
A 태그가 1억개라면, CSS의 효과가 100개라면 어떨까요? :)
@@coohde 직접 답글까지 달아주시다니 감사합니다. 영상에서 말씀하신것처럼 극단적인 상황으로 다시 생각 해볼게요!!
6:45 saw와 active사이에 ;가 없어도 되는 이유가 있을까요? ㅠㅠ
class 에 들어오는 값은 여러개가 들어올 수 있고, 띄어쓰기로 구분한다고 말씀하셨네요!
이제부터 슬슬 판이 커진다는걸 직감...
tag, class, id 갑자기 어려워지네요.. 산 하나 넘었습니다. 계속 가즈아~~
ID > CLASS > TAG..
20.12.15 학습 시작합니다.
쵝5
짜잔, 셀렉터(아이디, 클래스, 테그) 등장이요...
잠시 쉬어 가겠습니다.... 좀 쉬었다 이어서
감사합니다. 😀
으아 어렵다
2021.01.26 수강
아이디 > 클래스 > 태그...!
2021.08.16
7:00
12.16.22
22/9/12
이번 영상은 다른 영상들과 다르게 그게 뭔지 세세한 설명이 부족해서 이게 뭔 소리지 싶은 생각이 들어요. 저 뿐만 아니라 다른 분들도 그런가 봅니닼
갑자기 class를 쓰시면 됩니다
id를 쓰시면 됩니다 하면 우리가 그게 뭔지 어떻게 아나요;;ㅜㅜ
설명이 부족했나 보네요. 검색이나 질문으로 다른 컨텐츠들도 교차 학습하셔서 끝까지 즐겁게 완주하시기 빌겠습니다. :)
생활코딩 엌 댓글까지 달아 주시다니.
감사해요.책까지 구매해서 열심히 듣고 있어요 !!
20201020
존나어렵다.
20220831
감사합니다!