前端学习 -- Css
前端学习 -- Css -- 浮动
块元素在文档流中默认垂直排列，所以这个三个div自上至下依次排开，如果希望块元素在页面中水平排列，可以使块元素脱离文档流。 使用float来使元素浮动，从而脱离文档流 可选值： none，默认值，元素默认在文档流中排列。 left，元素会立即脱离文档流，向页面的左侧浮动。 right，元素会立即脱离文档流，向页面的右侧浮动。 当为一个元素设置浮动以后（float属性是
日期 2023-06-12 10:48:40
前端学习 -- Css -- 内联元素的盒模型
内联元素不能设置width和height； 设置水平内边距,内联元素可以设置水平方向的内边距：padding-left，padding-right； 垂直方向内边距，内联元素可以设置垂直方向内边距，但是不会影响页面的布局； 为元素设置边框,内联元素可以设置边框，但是垂直的边框不会影响到页面的布局； 水平外边距内联元素支持水平方向的外边距； 内联元素不支持垂直外边距； 为右边的元素设置一个左外边
日期 2023-06-12 10:48:40
前端学习 -- Css -- 字体的几个属性学习
font-style可以用来设置文字的斜体 - 可选值： normal，默认值，文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 - 大部分浏览器都不会对倾斜和斜体做区分，也就是说我们设置italic和oblique它们的效果往往是一样的 - 一般我们只会使用italic font-weight可以用来设置文本的加粗效果
日期 2023-06-12 10:48:40前端学习 -- Css -- 文本标签
em和strong - 这两个标签都表示一个强调的内容， em主要表示语气上的强调,em在浏览器中默认使用斜体显示 strong表示强调的内容，比em更强烈，默认使用粗体显示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit
日期 2023-06-12 10:48:40
前端学习 -- Css -- 样式的继承
像儿子可以继承父亲的遗产一样，在CSS中，祖先元素上的样式，也会被他的后代元素所继承, 利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会自动继承这些样式。 但是并不是所有的样式都会被子元素所继承，比如：背景相关的样式都不会被继承 边框相关的样式 定位相关的 <!DOCTYPE html> <html> <head>
日期 2023-06-12 10:48:40前端学习 --Css -- 子元素的伪类
:first-child 寻找父元素的第一个子元素，在所有的子元素中排序； :last-child 寻找父元素的最后一个子元素，在所有的子元素中排序； :nth-child 寻找父元素中的指定位置子元素，在所有的子元素中排序； :first-of-type 寻找指定类型中的第一个子元素 :last-of-type 寻找指定类型中的最后一个子元素
日期 2023-06-12 10:48:40
前端学习 -- Css -- overflow
子元素默认是存在于父元素的内容区中，理论上讲子元素的最大可以等于父元素内容区大小。如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示，超出父元素的内容，我们称为溢出的内容。父元素默认是将溢出内容，在父元素外边显示，通过overflow可以设置父元素如何处理溢出内容：可选值：visible，默认值，不会对溢出内容做处理，元素会在父元素以外的位置显示。hidden, 溢出的内
日期 2023-06-12 10:48:40前端学习 -- Css -- 文本样式
text-transform可以用来设置文本的大小写 可选值： none 默认值，该怎么显示就怎么显示，不做任何处理 capitalize 单词的首字母大写，通过空格来识别单词 uppercase 所有的字母都大写
日期 2023-06-12 10:48:40前端学习 -- Css -- 字体分类
在网页中将字体分成5大类： serif（衬线字体） sans-serif（非衬线字体） monospace （等宽字体） cursive （草书字体） fantasy （虚幻字体） 可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式。 一般会将字体的大分类，指定为font-family中的最后一个字体。 <!DOCTYPE html>
日期 2023-06-12 10:48:40
前端学习 -- Css -- 样式的继承
像儿子可以继承父亲的遗产一样，在CSS中，祖先元素上的样式，也会被他的后代元素所继承, 利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会自动继承这些样式。 但是并不是所有的样式都会被子元素所继承，比如：背景相关的样式都不会被继承 边框相关的样式 定位相关的 <!DOCTYPE html> <html> <head>
日期 2023-06-12 10:48:40前端进阶必学必会动画学习之Animate.css的使用与解析：一个强大而酷炫的CSS3动画库Animate.css使用方法教程
简介 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充
【前端学习之HTML&CSS进阶篇】-- CSS第四篇 – 样式总结与补充 文章目录 【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充前言一、 行盒垂直对齐1. 多
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- CSS第三篇 -- 基本布局概念
【前端学习之HTML&CSS进阶篇】-- CSS第三篇 – 基本布局概念 文章目录 【前端学习之HTML&CSS进阶篇】-- CSS第三篇 -- 基本布局概念前言一、多栏布局1. 两栏2. 三
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- CSS第二篇 -- 块级格式化上下文与堆叠上下文
【前端学习之HTML&CSS进阶篇】-- CSS第二篇 – 块级格式化上下文与堆叠上下文 文章目录 【前端学习之HTML&CSS进阶篇】-- CSS第二篇 -- 块级格式化上下文与堆叠上下文前
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- CSS第一篇 -- @规则与web字体图标
【前端学习之HTML&CSS进阶篇】- CSS第一篇 - @规则与web字体图标 文章目录 【前端学习之HTML&CSS进阶篇】- CSS第一篇 - @规则与web字体图标前言
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- HTML第二篇 -- 表格元素与其他常用元素
【前端学习之HTML&CSS进阶篇】-- HTML第二篇 – 表格元素与其他常用元素 文章目录 【前端学习之HTML&CSS进阶篇】-- HTML第二篇 -- 表格元素与其他常用元素前言一、表
日期 2023-06-12 10:48:40【前端学习之HTML&CSS】-- 视觉格式化模型之二 浮动 -- 练习
【前端学习之HTML&CSS】-- 视觉格式化模型之二 浮动 – 练习 文章目录 【前端学习之HTML&CSS】-- 视觉格式化模型之二 浮动 -- 练习前言设计稿/原有样式代码编辑实际效果展
日期 2023-06-12 10:48:40【前端学习之HTML&CSS】-- CSS第五篇 -- 盒模型及其应用
【前端学习之HTML&CSS】-- CSS第五篇 – 盒模型及其应用 文章目录 【前端学习之HTML&CSS】-- CSS第五篇 -- 盒模型及其应用前言一、盒模型1. 含义2. 盒子类型3.
日期 2023-06-12 10:48:40【前端学习之HTML&CSS】-- CSS第二篇 -- 常见样式声明
【前端学习之HTML&CSS】-- CSS第二篇 – 常见样式声明 文章目录 【前端学习之HTML&CSS】-- CSS第二篇 -- 常见样式声明前言常见样式声明1. color:2. bac
日期 2023-06-12 10:48:40前端学习之路-CSS介绍，Html介绍，JavaScript介绍
CSS介绍 学前端必备掌握CSS样式，css为层叠样式表，用来定义页面的显示效果，加强用户的体验乐趣，那么如何用css到h
日期 2023-06-12 10:48:40前端学习（二）实训复习一CSS3
目录 今日学习目标： 作业运行效果： 问题与措施： 代码： 今日学习目标： 作业运行效果： 问题与措施： 1.前端标签Span 设置圆形边角后依然显示得很小！ #container ul li a {
日期 2023-06-12 10:48:40