urcecilie-CSDN博客

原创 CSS:（5）浮动

CSS浮动标准流（普通流/文档流）为什么需要浮动什么是浮动浮动特性浮动元素经常和标准流父级搭配使用浮动布局1.常见的网页布局2.浮动布局注意点清除浮动1.为什么要清除浮动2.清除浮动额外标签法父级添加overflow：after伪元素法双伪元素清除浮动清除浮动总结：CSS属性书写顺序标准流（普通流/文档流）所谓的标准流：就是标签按照规定好的默认方式排列块级元素会独占一行，从上到下顺序排列。常用元素：div hr p h1~h6 ul ol dl form table行内元素会按照顺序，从左

2021-04-05 11:54:40 179

原创 CSS:（4）CSS的三大特性盒子模型

CSS盒子模型CSS的特性1.层叠性2.继承性3.优先级盒子模型1.盒子模型的组成2.边框3.表格的细线边框4.边框会影响盒子的实际大小5.padding内边距6.margin外边距7.外边距典型应用8.外边距合并9.清除内外边距CSS的特性1.层叠性相同选择器给设相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。层叠性原则：样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式（后来居上）样式不冲突，不会层叠2.继承性CSS中的继承：子标

2021-04-04 17:08:03 162

原创 CSS：（3）字体，文本属性，引入方式

CSS字体，文本属性CSS字体属性1.字体属性2.字体大小3.字体粗细4.文字样式5.字体复合属性6.字体属性总结CSS文本属性1.文本颜色2.对齐文本3.装饰文本4.文本缩进5.行间距CSS引入方式1.内部样式表2.行内样式表3.外部样式表Chorme调试工具CSS字体属性CSS Fonts（字体）属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。1.字体属性CSS使用font-family属性定义文本的字体属性。p { font-family:"微软雅黑";}div {font-fam

2021-04-04 14:12:13 262

原创 CSS:(2)Emmet语法复合选择器元素背景

CSS基础知识2Emmet语法快速生成HTML结构语法快速格式化代码Emmet语法Emmet语法的前身是Zen coding,它使用缩写，来提高html/css的编写速度，Vscode内部已经集成该语法快速生成HTML结构语法快速生成CSS样式语法快速生成HTML结构语法生成标签直接输入标签名按tab键即可，比如 div 然后按 tab 键，就可以生成<div></div>如果想要生成多个相同标签，加上“*”就可以了，比如 div*3 就可以生成3个div如果有

2021-03-24 12:20:42 231

原创 CSS：(1)语法规范代码风格及基础选择器

CSS基础知识1CSS简介1. CSS——网页的美容师2.CSS语法规范CSS代码风格1.样式代码书写2.样式大小写CSS简介1. CSS——网页的美容师CSS是层叠样式表（Cascading Style Sheet）的简称，有时我们也会称之为CSS样式表或级联样式表。CSS也是一种标记语言。CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS让我们的网页更加丰富多彩，布局灵活自如，简单理解：CSS可以美化

2021-03-14 18:43:35 179 4

原创 html知识点总结（2）

html标签表格标签1.表头单元格标签````2.表格属性3.表格结构标签4.合并单元格列表标签1.无序列表表格标签1.表头单元格标签<th>表头单元格位于表格的第一行第一列，表头单元格里面的文本内容加粗居中显示<th>为html表格中table head的缩写<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta

2021-03-11 17:14:05 99 1

原创 HTML知识点总结(1)

html知识点总结HTML标签及基本结构网页开发工具标签文档类型声明标签lang语言种类字符集HTML标签及基本结构html标签HTML标签是由尖括号包围的关键词例如<p> 、<br />html标签分为单标签和双标签单标签:<br />双标签：<html></html> <p></p> <head></head>等成对出现html的基本结构<html>

2021-03-06 17:36:56 154

urcecilie的博客