브이로그

HTML구문 닷홈 오류 이슈 발생!! 로그인/회원가입 로그인 회원가입 뉴스기사 뉴스기사 즐겨찾기 즐겨찾기 이력서 이력서 너무 좋은 CSS CSS구문body {background: url(/잠금.jpg) no-repeat fixed center/cover;}#content { text-al..

오늘은 CSS코드에서 우선순위계산에 대해서 알아볼꺼야코드를 작성해도 속성에 따라 먼저 적용되는게 있어 파이썬을 비교해보면 +=와 같은 의미인거지 연산의 순서가 있듯이  1. CSS 우선순위 CSS 우선순위 div 1번(인라인aqua) div 2번(id deeppink) div 3번(class greenyellow) div 4번(class pink >> if 같은 속성 나중 적용이 우선) div 5번(purple) li 1번(class orange >> 점수가 높음) div 6번(important beige) 가장 순위가 높은 속성부터 적용되는거니까 잘 생각하면서 해보자 2. CSS 변수 css 변수 김사과 ..

저번에 이어 css배운것들 해서 추가적으로 스타일링을 해봤는데 저번에는 회원가입 부분을 많이 건드렸는데 요번에는 로그인이랑 메뉴창을 좀 많이 건드렸어 동영상도 넣어서 재생하는거 까지 해보고 싶었는데 내가 안배울걸 할려고 하다보니까 저렇게 까지 밖에 안됬네

오늘은 레이아웃 관련된 내용을 배울꺼야 레이아웃이라고 하면 기본적으로 글자의 정렬이나 배치를 말하지그래서 오늘도 이미지를 삽입을 할껀데 이미지의 구조를 다양하게 변경하는 걸 해볼꺼야  1. z-index1번째 박스부터 해서 픽셀값별로 위치를 정해줬어 2. float첨에 이미지 옆에다가 글자를 적으면 이미지 아래 옆쪽에 새겨(?)지는데 이미지에다가 float속성을 사용해주면 왼쪽, 오른쪽에 붙일수 있다는거지 또 다른 방식으로 해보자면기본적인 태그들을 적어줬어 그럼 하나씩 속성들을 쓰면서 알려줄께전체적으로 div태그를 사용해서 여백을 줘서 간격을 벌려주고 float를 사용해서 색깍을 입히고 다음 요소가 끌어올려지지마지막 박스4는 right를 적용시켜줘서 맨 오른쪽에 붙었어 3. clear몸통에 div태그를 ..

오늘은 CSS에 배경에 대해서 말씀을 할꺼니까 잘 들어주세요 그럼 오늘도 하나씩  구현해보면  알아가봅시다 정신바짝 차려 1. CSS 배경body 태그 전체에 색깔을 입히고 빨간색 테두리를 만들고 흰 배경.. 이제는 다 알지 않나? 안쪽 여백20 2. CSS배경 x열로 반복, y열로 반복, 노 반복==그냥 하나 >>> 저거는 이미지를 하나 가져와본거야 3. CSS배경 4. CSS배경4번째는 입모양이고 내가 나중에 따로 태그명령어 적어서 올려줄께 5. CSS배경사진을 하나 가져와서 중앙에 맞게 적용을 시켜준거 6. 패딩패팅을 시계방향으로 픽셀을 나눠준거야 7. 테두리크기는 다 똑같아 첫 번째꺼는 아무것도 적용이 안되어있는거야 8. 마진세로 겹침발생 더 큰 여백의 값이 적용 9. 박스사이징10. 디스플레이밑..