- 博客(13)
- 收藏
- 关注
原创 CSS三大特性总结
概念:当样式声明发生冲突时,用户代理需要确定样式声明的最终值,既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ,这个过程就叫做层叠。优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。- 当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候,CSS 中最后的那个声明将会被应用到元素上,内部和外部样式遵循就近原则。CSS 背景属性用于定义 HTML 元素的背景,通过背景属性我们可以定义元素的背景颜。样式不冲突,优先级没有意义。
2022-11-11 22:15:00
57
原创 CSS选择器
这个元素不会被应用样式span2是子元素的子元素span2是子元素的子元素这个元素会被应用样式a:visited{ css样式 } //链接被访问过后。a:hover{ css样式 } //链接被鼠标悬停。span1是子元素span1是子元素
2022-11-10 20:30:00
40
原创 内边距的基本
margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。*2、给img的父元素设置font-size:0;padding可以单独改变元素的上、下、左、右边距,也可以一次改变所有的属性。*图片下间隙出现的原因: 父元素没有设置高度,由图片撑开,就是有间隙*- 作用2:定义行内元素的基线相对于该元素所在行的基线的垂直对齐。- bottom 把标签的顶端与行中最低的标签的顶端对齐。*1、给img的父元素设置高度,高度和图片的高一致;- 4个值:分别表示【上,右,下、左】的内边距值。
2022-11-10 09:00:00
230
原创 css盒模型
CSS盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边距、边框、填充、和实际内容。如果边框样式是 none,边框宽度实际上会重置为 0。边框是围绕内容和内边距之间的一条或多条线,通过边框属性指定一个元素的边框的宽度、样式和颜色。设置标签所有边框的样式,或者单独地为各边设置边框样式。设置所有边框宽度,或者单独地为各边边框设置宽度。设置所有边框颜色,或者单独地为各边边框设置颜色。/* 单个边拆分的写法 */- 边框样式、边框宽度、边框颜色无书写顺序要求。/* 边框 宽度 上下 左右 */
2022-11-09 20:46:49
3167
原创 初步了解ID选择器和font
id选择器- 语法 - HTML中通过id属性定义 如: - css中以点进行标识:# ```css #id名称 { 样式声明; }- 作用:选择所有带有指定类名的元素- 实例演示:#box{background-color:red;}div1**注意**:具有唯一性,一般用于页面唯一性的元素如头部、底部等,经常和 JavaScript 搭配使用。#### 类与id的
2022-11-08 20:25:31
133
原创 初识CSS
当读到一个样式表时,浏览器会根据它来格式化 HTML 文档,插入样式表的方法有三种:行间样式表、内部样式表、外部样式。为HTML标记语言提供了一种样式描述,即【设置HTML页面中的元素的位置、排版、样式外观等】- CSS选择器是CSS规则的第一部分,每个CSS规则都以一个选择器或一组选择器为开始。CSS中的注释以"注释以`/*`开头,以`*/`结尾,开始和结束中间为注释内容。- 在head标签的内部,由style标签包含的样式称为内部样式。- 行间样式适用于某个元素拥有特殊样式时使用,结构表现【不分离】
2022-11-06 21:16:20
33
原创 一些常用的标签和浏览器的了解
应用场景:logo、文章页标题、内容章节标题、产品标题、模块标题等。五大浏览器:chrome、safari、Firefox、Opera、IE。注意事项:h1标题一个页面中只有一个,h2~h6是可以有多个的。注意:p标签不能嵌套块级标签,例如:div,p,h1~h6。作用:可以用来划分页面的区块,里面嵌套任何的标签。应用场景:文章中的段落、页面中的文字块。1 宽度默认撑满整个父元素。1宽度默认撑满整个父元素。1宽度默认撑满整个父元素。3 独立成行——垂直布局。3独立成行——垂直布局。3独立成行——垂直布局。
2022-11-03 21:45:00
123
1
原创 刚开始的基础了解(上)
定义文档的头部,包含文档的标题(title),可以包含文档脚本(script),样式(style),meta信息以及更多的其他信息。网页的主体内容 定义文档的主体,在浏览器窗口中可以看到的所有内容都包含在它内部。行为:页面的轮播图,返回顶部... javascript 相当于房子加灯的开关。GBK包含全部中文字符,是GB2312的扩展,加入对繁体字的支持,兼容GB2312。结构层html和表现层css,是 W3C 制定的规范,万维网联名。
2022-11-03 12:30:00
50
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人