본문 바로가기
반응형

분류 전체보기163

[ CSS 입문 ] 부모 자식 선택자 | 개요 선택자1 선택자2 { 속성1:속성값; 속성2:속성값; } 위 내용을 보면 "선택자1"과 "선택자2" 사이 공백을 넣어 앞쪽엔 부모선택자를 뒷쪽엔 자식선택자를 넣어 하위에 있는 자식선택자에 스타일을 적용할 수 있습니다. 위 내용에선 "선택자2"에 스타일이 입히게 됩니다. 선택자에는 태그 선택자나 아이디 선택자, 클래스 선택자 중 모든 선택자를 사용 할 수 있습니다. 이렇게 부모선택자와 자식선택자를 넣는 것은 좀 더 정확한 위치에 있는 선택자에 스타일을 입힐 수 있으며 다른 동일한 선택자가 있다고 하더라도 다른 선택자는 제외하고 지정된 선택자에 스타일을 입힐 수 있습니다. | 사용법 div span { text-align:center; padding-bottom:10px; } div.box span.. 2018. 9. 4.
[ CSS 입문 ] id, class 선택자 | 개요 태그에서 미리 지정해둔 id나 class 속성에 따라 스타일을 지정할 수 있습니다. id에 스타일을 줄 경우 아래 처럼 #을 맨 앞에 붙여 사용하며, 원칙적으로 id값이 부여된 한개의 객체에만 적용할 수 있습니다. #아이디{ 속성1:속성값; 속성2:속성값; } class에 스타일을 줄 경우 아래처럼 .을 맨 앞에 붙여 사용하며, 여러개의 객체에 적용할 수 있습니다. .클래스명{ 속성1:속성값; 속성2:속성값 } | 사용법 #box_line{ width:100px; height:100px; border:1px solid red; } .box_bg{ width:200px; height:100px; background-color:blue; } box_bg클래스 box_bg클래스 box_line아이디 .. 2018. 9. 3.
[ CSS 입문 ] 태그 선택자 | 태그 선택자 개요 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } 위 와 같이 사용되며 태그가 문서내 한개라면 해당 태그 한개에만 적용되지만, 문서내에 태그가 여러개가 존재한다면 같은 태그이름의 태그 전부에 {} 괄호 안 스타일 내용이 적용됩니다. 속성과 속성값은 : (콜론)으로 연결하여 작성하며, 속성과 속성 사이에는 ; (세미콜론)으로 분리합니다. 세미콜론의 경우 {}괄호 안 제일 마지막 속성값을 입력한 후 제외가 가능하지만, 추후 관리나 유지보수를 하는데 있어 번거로움을 줄이고자 한다면 항상 문장의 마침표처럼 속성과 속성값을 입력 후에는 세미콜론으로 마침표를 찍어주는게 좋겠습니다. | 사용법 span { color:red; } div { color:blue; } span태그 div태그 |.. 2018. 9. 2.
[ CSS 입문 ] CSS란? | CSS와의 만남 디자이너인 저는 HTML을 진행하면서 CSS를 떼려야 뗄 수 없는 코드였습니다. 마치 이제까지 포토샵과 일러스트레이터를 가지고 디자인을 하던 저에게 새로운 디자인툴이 생긴 것과 같았습니다. 코드로 디자인을 할 수 있다니! 놀라울 따름이었습니다. HTML을 가지고 원하는 구조와 레이아웃을 만든다면 CSS로 세부적인 표현과 위치, 색상, 효과 등등 더욱 풍부해진 표현을 웹상에서 할 수 있는 신세계였습니다. 웹디자이너분이시라면 한 번쯤 공부해도 괜찮을 것이라고 생각됩니다. 그래서 앞으로 제가 공부했었던, 그리고 공부 중인 코드에 대해서 이 공간에 정리해볼까 합니다. | CSS 개요 Cascading Style Sheets (CSS)는 documents가 사용자에게 어떻게 보일 것인가를 기술.. 2018. 9. 1.
인천맛집/만수동맛집/양꼬치맛집 - 동방양꼬치 저희 부부가 가끔 동네에서시원하게 맥주한잔 하고플때!그럴때 가는 맛집!#동방양꼬치 집을 소개합니다~ 주소 : 인천 남동구 담방로48번길 13-7 (만수동 1028-8)연락처 : 032-473-3369영업시간 : 매일 13:00 - 24:00 주차장은 따로 보유 되어 있지는 않지만앞에 골목길이라서 골목길쪽으로 주차를 하거나골목길 들어서기전 주차장이 있습니다. 양꼬치 하면 뭡니까!?바로 #칭따오 아니겠습니까!! 양꼬치를 주문하고 음식이 나올때까지칭따오부터 한잔 때립니다(?) ㅋㅋㅋ 요즘 하도 날씨가 덥다보니맥주가 너무 시원하고 좋습니다 ㅎㅎ 원래 남편이 이전에 대림쪽에서잘하는 양꼬치 집을 다닌 터라 양꼬치맛에 예민한데동방양꼬치도 정말 괜찮다고 하는 곳이랍니다~ 저희가 조금 초저녁부터 와서인가 아직 손님은 많.. 2018. 8. 28.
인천카페/애견카페/애견운동장 - 펫피반려견놀이터 더위에 지쳐 있는 남편과 라떼를 위해폭풍 검색을 하던 중 집에서 가까운 거리에넓은 애견 운동장과 카페가 있는 '펫피' 라는 애견 카페에 다녀왔습니다! (사진출처 : 펫피홈페이지) 위 사진은 네비게이션을 찍고 가시면골목골목으로 가게 되어 있어요가시다보면 요런 건물이 있는데,요건 '펫피' 사무실건물이라고 합니다! 고 뒤쪽으로 보시면, (사진출처 : 펫피홈페이지)​ 요런 골목길이 보이실텐데차를 끌고 이쪽으로 올라가시면 됩니다!그럼 그 안에 큰 주차장이 있을꺼에요~ 처음에는 저희도 몰라서 사무실 옆쪽 조금한 공간에 주차를 했다가다시 주차를 했었네요 눈에 확 띄는 이정표가 없는게 조금 아쉽네요~ (사진출처 : 펫피홈페이지)​ 자, 주차를 하시고 나면 보이실 #펫피반려견놀이터 입간판 입니다! 처음엔; 여기가 맞나?.. 2018. 8. 27.
인천맛집/송도맛집/트리플스트리트맛집 - 미쿡식당 부부가 퇴근 후 가끔 다니는 송도에트리플스트리트에서 다녀온 맛집을 하나 소개할까 합니다!이름은 #미쿡식당 입니다 주소 : 인천 연수구 송도과학로16번길 33-3 (송도동 176-1 C동 지하 2층)연락처 : 032-310-9559영업시간 : 매일 11:00 - 22:00사이트 : http://www.tastymecook.com 주차장은 트리플스트리트 이용했습니다! 처음에는 미쿡식당이라길래뭔가 미쿡(?) 스러운 느낌이 강해뭐 햄버거나 이런거 판매하는줄 알았는데밖에 메뉴판을 보니 전혀 아니네요 ㅋㅋ 사실 트리플 스트리트에는 맛집이 정말 많죠!지하에도 있고 지상에도그리고 현대아울렛쪽에도 정말 많은 식당들이 있습니다~ 그중 미쿡식당을 방문한건매장 테라스쪽과 그리고 대기 인원이다른집에 유독 많더라고요?그래서 저희.. 2018. 8. 10.
경기도 화성시 궁평항 망둥어 짬낚 다녀왔습니다! 요즘 날씨가 너무 더워서 한동안 낚시를못나가 몸이 근질근질해 근처 가까운곳에짬낚할 곳이 없을까해서 찾아봤습니다. 아무래도 송도쪽이나 시화방조제쪽으로는 휴가기간이고 해서분명히 많은 인파가 몰려있을것으로 판단고거보다 살짝 먼 경기도 화성시의 #궁평항 에 다녀왔습니다! 출처 : 네이버플레이스( https://store.naver.com/attractions/detail?entry=plt&id=19130276&query=%EA%B6%81%ED%8F%89%ED%95%AD&tab=photo&photoIndex=undefined#_tab ) 주차는 궁평항안 주차장에 주차하셔도 되고방조제 따라 쭉 들어가다보면 중간 팔각정(?) 같은곳에차량 3~4대 주차할 수 있는 조금한 공간이 있습니다.그 이후로 더 들어가시면 후진으.. 2018. 8. 6.
강화도카페/드라이브코스/데이트코스 - 109house (일공구하우스) *애견동반가능 저번 와이프와 집에 있다가 심심하여 날도 더운데 어디 드라이브를 갈까하여찾아보던중 많은 블로거님들이 다녀오신 후 추천하는 곳#109하우스 를 가보기로 했습니다! 주소 : 인천 강화군 양도면 해안서로 540 (건평리 655-23)연락처 : 032-937-8109홈페이지 : http://www.109house.com/주차장 보유, 테라스부분 애견동반 가능 이날은 날이 너무 더워 저희 라떼를 못데리고 갔는데,다른 블로거님에 의하면 테라스부분에서는 애견동반이 가능한것 같습니다~다음번에 방문때는 꼭 저희 라떼도 데리고 나와야겠어요 여기 109하우스는 무엇보다도해외 '산토리니' 느낌을 느낄 수 있는 카페라하여기대를 하고 갔습니다! 다들 아시죠? 포카리스웨트 광고할때 그 파란파란 했던 그 배경 크이 날더울때 산토리니.. 2018. 8. 4.
반응형

티스토리툴바