- 博客(13)
- 收藏
- 关注
RSS订阅原创 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关注的人