CSS学习总结 一、简介二、具体介绍1、语法2、CSS生效方式3、颜色尺寸等美化4、盒子模型5、边框和边距6、定位7、浮动8、不透明度9、伪类和伪元素一、简介 层叠样式表(英文全称：Cascading StyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。网页的内容是由 HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、...
1.em字体设置body {font-size:100%;}h1 {font-size:3.75em;}h2 {font-size:2.5em;}p {font-size:0.875em;} 复制代码2.背景图标居右.aa{ background-image: url(arrow.png)no-repeat right center; background-image:url(nav-bar.jpg); background-repeat:no-repeat; background-position:right center; } 复制代码3.文本框超出部分显示省略号：overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 复制...
1.XML和HTML有什么不同 一、基础语言不同 1、XHTML是基于可扩展标记语言（XML）。 2、HTML是基于标准通用标记语言（SGML）。 （HTML最大的特点是简单性和跨平台性） 二、语法严格程度不同 1、XHTML语法比较严格，存在DTD定义规则。 2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。 三、可混合应用不同 1、XHTML可以混合各种XML应用，比如MathML、SVG。 2、HTML不能混合其它XML应用。 四、大小写敏感度不同 1、XHTML对大...
.flex{display: flex; } .align-center{align-items: center; } .justify-center{justify-content: center; } .padding{padding: 10px; } .margin{margin: 10px; } .margin-lr{margin:0 10px; } .margin-tb{margin: 10px 0; } .padding-lr{padding:0 10px; } .padding-tb{padding: 10px 0; }.padding-30{padding: 30px; } .margin-30{margin: 30px; } .margin-lr-30{margin:0 30px; } .margin-tb-30{margin: 30px 0; } .padding-lr...
CSS学习总结 CSS全称Cascading Style Sheets，意为级联样式表。CSS旨在决定HTML中所撰写的内容在屏幕上的呈现方式。 CSS语法 选择器 {属性:属性值;} 不同使用方式的优先级 1、优先级别最高：内联样式表 2、内部样式表与外部样式表的优先级取决于书写顺序，后书写则优先级高。 样式表作用域 1、内联样式表作用域最小，仅能用于当前元素。 2、内部样式表作用域次之，能应用于当前所在HTML文件。 3、外部样式表作用域最大，能应用于所...
CSS学习总结 1. CSS简介2. CSS语法3. CSS选择器1. 元素选择器2. ID选择器3. class选择器4. 其余选择器 4. CSS导入方式1. 外部样式表2. 内部样式表3. 内联样式4. 多重样式优先级 5. CSS 背景6. CSS 文本7. CSS 字体8. CSS 列表9. CSS 盒子模型10. CSS 边框11. 其他参考1. CSS简介 CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素，即HTML管理网页的内容，CSS管理网页的样式样式通常存储在样式表中外部样式表可...
文章目录 前言一、CSS是什么？二、CSS 语法2.1 选择器2.1.1 id 选择器2.1.2 class 选择器三、CSS 如何生效3.1 外部样式表3.2 内部样式表3.3 内联样式3.4 级联的优先级 四、颜色, 尺寸, 对齐4.1 颜色4.2 尺寸4.3 对齐 五、盒子模型六、边框与边距6.1 边框6.2 边距 七、定位7.1 static7.2 relative7.3 relative7.4 absolute 八、溢出九、浮动十、不透明度十一、组合选择器11.1 后代选择器11.2 子选择器 十二、伪类和伪元素总结前言 前...