본문 바로가기

css6

CSS List[list-style-type,list-style-image,list-style-position] css_list CSS List[list-style-type,list-style-image,list-style-position] hello CSS 목록 관련 속성 속성 설명 속성값 list-style-type 목록 표시 마크 지정 none, disc, circle, squaredecimal, lower-roman, upper-roman, lower-alpha, upper-alpha list-style-image 목록 표시 마크를 이미지로 지정 none, url(“그림 파일명”) list-style-position 목록 표시 마크의 시작 위치 outside, inside list-style 일괄 지정 순서 상관없이 관련 속성의 값을 나열 JS Bin #mul{list-style-type:square;} #.. 2015. 4. 17.
JQuery [floatMenu,decoration]스크롤을 따라 움직이는 플로팅 메뉴 스크롤을 따라움직이는 플로팅 메뉴 만들기 도움 주신분들 백전백승님 부드럽게 이동하는 jquery 웹눈님 jQuery 강좌3. 스크롤바 따라다니는 슬라이드 메뉴 jquery나 tistory 블로깅 기법을 배우실분은 위 링크를 클릭하십시오모든 게시글 오른쪽 마우스 열어 놓았읍니다만드레그해서 가져가면 남는것 아무것도 없읍니다수동으로 코딩 하십시오 마크업 - CSS -/* 플로팅 메뉴 스타일*/ a:link {text-decoration:none; color:#333;} a:hover {text-decoration:none; color:#999;} a:active {text-decoration:none; color:#FF0033;} a:visited {text-decoration:none; color:#333;.. 2013. 8. 16.
CSS3 lesson - css와 html 연결하기 css 와 html 연결하기 내용에 들어 가기 앞서서 알아두면 좋을 내용은... css를 왜 적절히 사용해야 하는가에 대해 서 입니다 html 은 콘텐츠(내용)을 단순하게 나타내주고 css 로 프리젠테이션(꾸미기) 를 함으로서 요소 요소들의 속성과 값들을 css파일이나 코드를 수정함으로서 편리하게 수정이 용이하고 또 다른 문서에도 불러다 쓸 수 있는 재활용성도 높읍니다 문서 용량도 줄어 듬으로 인해 속도 향상되어지고 css는 웹 표준화를 지향 함으로 접근성 또한 향상됩니다 세가지 방법 Linking Style Sheet(외부 스타일 시트) Internal Style Sheet(내부 스타일 시트) Inline Style Sheet(인라인 스타일 시트) 1. Linking Style Sheet(외부 스타일 .. 2013. 7. 28.
CSS3 lesson - css란? CSS(Cascading Style Sheet)란? 말 그대로 종류별 모양새 입니다 모든 프로그렘 언어를 배움에 있어 기본이 되는것이 있는데 그것이 이름(함수명)이라는 것입니다 먼저 이름(name,body,var,.......)을 정의하고 그것에 따르는 부연 설명이 진행 되어지죠 css도 마찬가지입니다 css 에선 이름을 body라고 함니다 .style{color:red ;} 위의 내용은 기본 모양입니다 설명 하자면 .(class속성을 가진 body란 뜻입니다.) .style - style이란 이름을 가진 class 속성의 body #style - style이란 이름을 가진 id 속성의 body style(해당 css의 이름입니다) .p{color:red} .table{border collapse:col.. 2013. 7. 28.
<STYLE> body _background-image body { background-image:url(http://cfile247.uf.daum.net/image/157EBD4F5017BDCB06A7F8);background-attachment: fixed; background-repeat: repeat;background-position: bottom right; } table { background-color: transparent; } td { background-color: transparent; } body { background-image:url(http://cfile247.uf.daum.net/image/157EBD4F5017BDCB06A7F8);background-attachment: fixed; background-repeat: r.. 2013. 7. 26.
외부 스타일시트(External Style Sheet) 사용법 css 적용 방식은 크게 세가지입니다 외부 스타일 시트 (영어 생략 영어로알고 글로벌로 가고 싶으신분은 검색창에 "스타일시트 종류" 치세요)내부 스타일시트인라인 스타일시트 오늘은 간단히 외부 하죵? 메모장으로 원하는 스타일 내용을 써나갑니다그리고 저장합니다단 !!! 그 스타일 시트가 적용될 같은 폴더에!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!해당 스타일 시트를 사용할 곳이 메인이라면여러가지 있겠지만index,aspindex,phpindex,jsp...하튼 사용할려는 페이지하고 같은 폴더에!!!!넣으세요이름은 상관 없읍니다minairi,csssori.css...확장자는 무조건 css 해야함돠~~~ 그리고 불러서 쓰시면되요..... 만약 같은폴더에 nimi.css 하고 저장했을뗴 사.. 2013. 7. 24.

티스토리툴바