前端学习记录 2022.07.14——Css语法基础

137 阅读1分钟

CSS语法基础

书写位置:

        行内:   直接在<body>主体的HTML标签中,使用style""的方式引用(避免出现行内写法)。
        内联:   在<head></head>标签中,使用<style>标签包裹css代码。
        外链:   将CSS单独写入css文件中,,用link标签链接外部css样式。

选择器:

        id选择器: #
        class选择器: .
        后代选择器: 空格 
        子代选择器:>
        并集选择器:,
        通配符选择器:*
        相邻兄弟选择器: +
        之后兄弟选择器: ~
        [属性名 = 属性值]

伪类选择器:

first-child/last-child  选中所有元素的第一个/最后一个,必须是第一个/最后一个元素
        :first-of-type.  满足条件的第一个元素
        :nth-child(n)  取出满足条件的元素,并且是第n个
        :nth-of-type(n) 取出满足条件的第n个元素
        :not()   除了括号内元素的其他元素
        :visited   表示访问过的超链接(历史记录中的)
        :a:link   未访问过的超链接
        :active  当鼠标按下,未松开时的样式
        :hover  当鼠标移到元素上时