WEB2 - CSS1

현정정·2024년 12월 3일

생활코딩

목록 보기
2/3

📌속성(Property)

<style> /*css로 처리해라*/

	a {color:색상; /*a태그의 색변경*/
		text_decoration : none;} /*a태그의 장식없애기(like.밑줄)*/
        
    h1 {font-size:숫자px; /*h1태그의 폰트 크기바꾸기 */
    	text-align:center;} /*h1태그의 정렬(중간)*/

</style>

HTML의 속성으로 이곳에 머물고 있다. 라는것을 표시하는 방법 (인적사항에 머물고 있음)

style = "color:색상" /*머물고 있는 곳에 색상 추가*/
text-decoration:underline /*머물고 있는 곳에 밑줄 추가*/
  • 웹 페이지안에 CSS를 삽입하는 방법
    1) style 태그를 쓴다.
    2) HTML에 style속성을 쓴다.

📌선택자(Selector)

그룹으로 묶어서 CSS 속성주기

style ="color:gray;"가 중복일 경우

class로 묶어서 중복을 줄인다.

위와 같이 style에 .으로 적용시킨다.

  • class에는 여러개의 값이 들어올 수 있으며 띄어쓰기로 구분한다.
    하나의 태그에는 여러개의 속성이 들어올 수 있으며,
    여러개의 선택자를 통해서 하나의 태그를 공동으로 제어할 수 있다.

  • class는 순서에 영향을 받기에 보다 가까이에 있는 명령이 더 큰 영향력을 갖는다.


class보다 우선순위가 높은 선택자


id="active"로 사용

style에 #으로 적용시킨다

<우선순위>

id선택자 > class선택자 > 태그 선택자

profile
공부하자 기록하자 취업하자

0개의 댓글