2022.10.12 css 아주 기초

/* selector {
    property: value;
} */


/* 모든 색상이 green으로  */
* {
    color: green;
}

/* li로 설정한 값이 *를 이기는대 이것은 좀더
구체적으로 설정 된 값이 우선순위가 높게 적용되기 때문 */
li {
    color: blue;
}

/* id가 special인 것만  */
#special {
    color: pink;
}

/* class가 red인 것만 
padding은 컨텐츠 안에 들어가는 것 
margin은 컨텐츠 밖에 들어가는 것  
board의 순서 width - style - color순*/
.red {
    width: 80px;
    height: 80px;
    padding: 20px;
    margin: 20px;
    border: 2px dashed red;
    background-color: yellow;
}

/* hover은 마우스를 올려 놓았을 때 변화 */
button:hover {
    color: red;
    background: beige;

}

/* 연결된 주소 href가 naver.com인 애들만 */
a[href="naver.com"] {
    color: purple;
}

/* 연결된 주소가 naver로 시작하는 것만
^:시작 
$:끝 ex) href$="com"*/
a[href^="naver"] {
    color: purple;
}