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

时间:2024-03-29 07:39:35

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

  • 内联方式:样式定义在单个的HTML元素中
    CSS语法:只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值;
    • 属性和属性值之间用:链接;
    • 多对属性之间用;分号隔开
  • 内部样式表:样式定义在HTML页的头元素中
    样式表规则位于文档头中的<style>元素内:在文档的<head>元素内添加<style>元素
    <style>元素中添加样式规则
  • 外部样式表:将样式定义在一个外部的CSS文件中(.css文件);由HTML页面引用样式表文件
    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)
    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

    优先级:内部样式和外部样式没有优先级关系,页面后加载的会生效;内联样式的优先级最高
    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

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

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

2、选择器 —–决定哪些元素使用这些规则
样式声明:一对大括号,包含一个或者多个属性/值对
HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

  • 元素选择器—–div{ }
  • id选择器——–#d1{ }
  • 类选择器——–.oDiv{ }
    优先级:类选择器的优先级比元素选择器的高; id选择器的优先级比类的优先级的高
    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

 通用选择器—-*{ }
HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

  • 群组选择器—-,(逗号)
  • 后代选择器—- (空格)
  • 子代选择器—->(大于号)

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

    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)
    选择器优先级:
    HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

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

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

HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)
——:blur,失去焦点时
HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)
HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

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

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


关于善知教育(官网:善知教育(点击进入) 微信公众号:善知技术)
地址:北京东燕郊经济技术开发区文化大厦
咨询老师郑老师 电话/微信:13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器,有全日制班有周末班;
学费优惠至8480!!!!
我们的优势:

  • 基础课程一个月免费学,全程面授;
  • 平均就业薪资10000-15000;
  • 免费重听,跨学科免费学习;
  • 5-5.5个月大容量技术授课;
  • 0学费0基础入学,海量项目实训, 弹性教学制度;
  • 大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;
  • 课程全程视频录制,偶尔耽搁也不担心;
  • 学习途中随时可以无理由退费根据学生情况;
  • 灵活安排授课时间,一个科目学不会可以免费学习另一个科目;
  • 全日制班,周末班,网上授课同时进行;
  • 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总