分享

HTML5_CSS入门(内部样式、外部样式、内联样式、选择器

 wusiqi111 2020-09-06

1、内部样式、外部样式、内联样式

  • 内联方式:样式定义在单个的HTML元素中
    CSS语法:只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值;

    • 属性和属性值之间用:链接;

    • 多对属性之间用;分号隔开

  • 内部样式表:样式定义在HTML页的头元素中
    样式表规则位于文档头中的<style>元素内:在文档的<head>元素内添加<style>元素
    <style>元素中添加样式规则

  • 外部样式表:将样式定义在一个外部的CSS文件中(.css文件);由HTML页面引用样式表文件
    这里写图片描述
    这里写图片描述

    优先级:内部样式和外部样式没有优先级关系,页面后加载的会生效;内联样式的优先级最高
    这里写图片描述

    这里写图片描述

    这里写图片描述
    这里写图片描述

2、选择器 —–决定哪些元素使用这些规则
样式声明:一对大括号,包含一个或者多个属性/值对
这里写图片描述

  • 元素选择器—–div{ }

  • id选择器——–#d1{ }

  • 类选择器——–.oDiv{ }
    优先级:类选择器的优先级比元素选择器的高; id选择器的优先级比类的优先级的高
    这里写图片描述

 通用选择器—-*{ }
这里写图片描述

  • 群组选择器—-,(逗号)

  • 后代选择器—- (空格)

  • 子代选择器—->(大于号)

    这里写图片描述

    这里写图片描述
    选择器优先级:
    这里写图片描述

    这里写图片描述

 伪类选择器—–:(冒号)

这里写图片描述
——:blur,失去焦点时
这里写图片描述
这里写图片描述

链接的一般样式:
text-decoration:a链接是否加上下划线

这里写图片描述

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多