DESKTOP-5M73HIM_日志 2021.5.22 刘兴旺

日志 2021.5.22

一、总结归纳

Video (Src源 controls 控件)

​ (poster 视频封面)

​ (source 写多个 顺序加载)

​ (resersed 倒序)

​ (marquee 弹幕 滚动文字)

学习网站_______________________________________________

__________________——————————————————————————————————————补充

Css样式设置

元素如何被渲染?

————》声明 declaration

————》选择器 selector

属性 ______________________Property

属性+value=声明

优先级

· 内联样式 (**) style
· 内联样式 (***) div
· 外部样式表 (*) link标签

@import 优先级修改

Div div(不区分大小写

最常用的三种:

[attributeName] [attributeName=value] [attributeName~=value]**

选取 带有指定属性元素 选取带有指定属性和值的元素 选取属性中包含指定词汇的元素

伪类选择器

a:·link: 未访问状态
a:·visited:访问过后状态
a:·hover:鼠标悬停状态
a:·active:激活选定状态
(注:定义顺序必须是此顺序)

标签(*) class(**)
属性(***) id (****)

(*)

快速为页面中同类型的标签统一样式,同时这也是他的缺点,不能设计差异化样式。

1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器。

(**)

包含class的元素区分开来

区分大小写 选中不同的元素

(***)

有没有属性

是否包含属性

是否显示

(****)

写的时候保证属性值的唯一性;

只选其中一个

id选择器使用“#”进行标识,后面紧跟id名&#xff0c

通配符

margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/

选择器

子选择器 父选择器 后代选择器 伪类选择器

  • 伪元素选择器

  • :first-lentter为第一个字符添加样式

  • :first-line为第一行添加样式

  • :before在元素内容的最前面添加内容,需要配合content属性使用

  • :after在元素内容的最后面添加内容,需要配合content属性使用

    .mydiv a{ 后代标签

    }

    *通用 ————所有

    组合选择器

    css属性

1621688439287 盒子模型是网页布局的基础,将页面中所有元素都看作是一个盒子,盒子都包含以下几个属性:

  • width 宽度
  • height 高度
  • border 边框
  • padding 内边距
  • margin 外边距

  • 表示盒子的边框
    分为四个方向:
    上top、右right、下bottom、左left

  • radius 圆角

border-top、border-right、border-bottom、border-left

CSS三大特征:层叠 继承 优先级

横向 让块元素(auto 自动居中)

二、心得体会

每天的学习内容都很充实,继html语言之后再学习css,让我们接触到,网页设计的不易,每一个代码都是有其存在的意义。在接下来的学习和生活中,希望能再多学一点。

三、疑 问

浏览器如何确定哪些元素与 CSS 选择器匹配。编写高效的 CSS 应该注意什么?

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1