CSS学习（五）
CSS学习笔记1
CSS技术： 1.简介：他是层叠样式表。Cascading stytle sheet,他的作用是增强网页的显示效果。 目的：使用CSS让网页内容和样式分离，便于网站代码后续的维护。 书写规范： 选择器[属性1: 值1; 属性2: 值2; ] 2.CSS样式的引入方式 CSS不能单独使用，必须和html网页配合使用，引入css有四种方式：链入式、行内式、内嵌式、导入式。 1.行内式：直
日期 2023-06-12 10:48:40
CSS基础教程学习总结
前言记录css学习内容，查漏补缺。文章目录前言一、CSS是什么？1.1 CSS的"hello world"二、CSS选择器及几种引用方式2.1 id选择器2.2 class选择器2.3 几种引用方式2.3.1 外部引用2.3.2 内部引用2.3.3 内联引用2.3.4 优先级三、CSS position定位3.1 示例图3.2 代码四、CSS float浮动4.1 示例图4.2
日期 2023-06-12 10:48:40
HTML/CSS/JavaScript学习笔记持续更新详解编程语言
1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML
日期 2023-06-12 10:48:40
CSS学习摘要-定位详解编程语言
CSS学习摘要-定位 注：全文摘自MDN-CSS定位 定位允许您从正常的文档流布局中取出元素，并使它们具有不同的行为，例如放在另一个元素的上面，或者始终保持在浏览器视窗内的同一位置。 本文解释的是定位(position)的各种不同值，以及如何使用它们。 定位是一个相当复杂的话题，所以我们深入了解代码之前，让我们审视一下布局理论，并让我们了解它的工作原理。 首先，环绕元素内容添加任何内边距、
日期 2023-06-12 10:48:40CSS学习摘要-浮动与清除浮动详解编程语言
以下从浮动到BFC的段落 摘自MDN 网络开发者 float 浮动 float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动中移除，尽管仍然保持部分的流动性（与绝对定位相反）。 一个浮动元素是float的值不为none的元素。 /* Keyword values */ float: left; float: right; f
日期 2023-06-12 10:48:40CSS学习摘要-语法和选择器详解编程语言
主要摘自网络开发者。 从最基本的层次来看，CSS是由两块内容组合而成的： 属性（Property）：一些人类可理解的标识符，这些标识符指出你想修改哪一些样式，例如：字体，宽度，背景颜色等。 属性值（Value）：每个指定的属性都需要给定一个值，这个值表示你想把那些样式特征修改成什么样，例如，你想把字体，宽度或背景颜色改成什么。 与值配对的属性被称为CSS声明，CSS声明会被放置在一个CSS
日期 2023-06-12 10:48:40CSS学习笔记10 相对定位，绝对定位与固定定位详解编程语言
文档流中的元素的位置由元素在 (X)HTML 中的位置决定，这就是最原始的普通流，前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置，除了这个我们还可以通过使用CSS的position 属性，来重新决定元素在文档流中的位置。 position 属性值 static：默认的文档流的布局的方式，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素
日期 2023-06-12 10:48:40
CSS学习笔记08 浮动详解编程语言
从CSS学习笔记05 display属性一文中，我们知道div是块元素，会独占一行，即使div的宽度很小，像下面这样 应用display属性的inline属性可以让div与div共享一行，除了这种方法外，还有没有其他方法可以实现这种效果呢，答案是肯定的，那就是下面要介绍的CSS的浮动特性，浮动从字面意思上来看，就是浮起来，动起来，那么是谁浮起来，又是谁动起来呢？往下看，很快就会知道答案了。
日期 2023-06-12 10:48:40CSS学习笔记07 盒子模型详解编程语言
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的
日期 2023-06-12 10:48:40CSS学习笔记06 简单理解line-height详解编程语言
在制作页面的时候，经常会遇到文本图片需要居中的情况，这时候，只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了，先来看看这个现象。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta charset="UTF-8" 5 title 行高 /title 6 style type="tex
日期 2023-06-12 10:48:40CSS学习笔记05 display属性详解编程语言
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有 h1 ~ h6 、 p 、 div 、 ul 、 ol 、 li 等，其中 div 标记是网页制作中最常用的块元素。 行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构的样式。行内元素不能嵌套块级标签
日期 2023-06-12 10:48:40Class与ID区别margin和padding区别CSS学习笔记
由于现在百分之99.99%的CMS都是用div+css来构建网页模板的，被逼无奈，一大把年纪了还要学习CSS，说实话没觉得用div来布局比table好在什么地方！但迫于行势，先硬着头皮看吧，能学多少是多少。根据数据与结构分离的原则，CSS最好要独立于网页文件，用复制代码代码如下:<link rel="stylesheet" type="text/css" href="../xxx/web.
日期 2023-06-12 10:48:40JQueryCSS样式控制学习笔记
jQuery就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结$(selector).css("name","value")$(selector).css({properties})$(selector).css(name)$(selector).css("name","value")为所有元素给定CSS属性设置值：下面看我刚写的代码复制代码代码如
日期 2023-06-12 10:48:40jsp学习---css基础知识学习,float,position,padding,div,margin
1.常用页面布局 效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css</title> <style type="text/css"> body{ margin: 0px; /*
日期 2023-06-12 10:48:40CSS学习（三）
CSS 分组 和 嵌套 选择器 分组选择器 h1,h2,p { color:green; } 嵌套选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>WENG</title> <style> p { co
日期 2023-06-12 10:48:40CSS学习（一）
学习的资源 http://www.runoob.com/ 概念 样式表的插入方法 （1）外部样式表(External style sheet) <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> （2）内部样式表(In
日期 2023-06-12 10:48:40
css flex-direction的学习笔记
<html> <style> #content { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: -
日期 2023-06-12 10:48:40css 元素 property value计算过程的学习笔记
官网地址 The final value of a property is the result of a four-step calculation: the value is determined through
日期 2023-06-12 10:48:40css 选择器学习笔记
网站链接： https://www.w3.org/TR/CSS21/selector.html CSS支持的所有选择器： 选择器 grouping 当几个选择器共享同一部分属性时&#x
日期 2023-06-12 10:48:40CSS3与页面布局学习总结（四）——页面布局大全
一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况，如margin:-100px，margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度为100%宽度，后面的元素通过负边距可以实现上移。当负的边距超过自身的宽度将上移，只要没有超过自身宽度就不会上移
日期 2023-06-12 10:48:40CSS3与页面布局学习总结（二）——Box Model、边距折叠、内联与块标签、CSSReset
一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型，加上了doctype声明，让所有浏览器都会采用标准 w3c 盒子模型去解释你
日期 2023-06-12 10:48:40CSS学习（九）-CSS背景
一、理论： 1.background-break a.bounding-box 背景图像在整个内联元素中进行平铺 b.each-box 背景图像在行内中进行平铺 c.continuous 下一行的背景图像紧接着上一行中的图像继续平铺 以上仅在firefox下可用 2.css多背景 a.background-image 设置元素背景图片民，可用相对地址或绝对地址索引背景图像 b.b
日期 2023-06-12 10:48:4011.21 CSS学习-上午
font-family:设置文本的字体序列，应当多设置几个，作为后备机制，如果浏览器不支持第一种字体，它将尝试下一种字体。字体序列的名字超过一个字需要使用引号，多个字体序列用逗号分隔指明：{font-family:'Times New Roman',SansSerif;} font-style字体样式：指定斜体文字的字体样式1）正常：normal;2）斜体：italic;3）倾斜的文字：obli
日期 2023-06-12 10:48:402.CSS后端学习笔记
一.CSS简介 CSS是什么？CSS，即“Cascading Style Sheet（层叠样式表）”，是用来控制网页的外观的一门技术。 我们知道&#x
日期 2023-06-12 10:48:40CSS学习：overflow:hidden解决溢出,坍塌,清除浮动
overflow：hidden是overflow属性的一个神奇用法，它可以帮助我们隐藏溢出的元素，清除浮动和解除坍塌。 CSS样式： 1 .container{ 2 background-color: black; 3 } 4 5 .div1{ 6 background-color: aqua; 7 width: 100
日期 2023-06-12 10:48:40html5+css3比较好的学习教程和demo效果
1.css3 Animate.css 动画库--- http://daneden.github.io/animate.css/ 2.font-awesome 完美的图标字体，只为Bootstrap设计 http://www.bootcss.com/p/font-awesome/ 3.http://www.html5tricks.com/ 4.http://www.runoob.com
日期 2023-06-12 10:48:40html5和css3学习历程
1.video,audio视频和音频的应用 <!doctype html><html> <head></head> <body> <!--<video src="movie.webm" controls="controls"> 您的破浏览器都是
日期 2023-06-12 10:48:40CSS实现圆形进度条及conic-gradient学习
一、conic-gradient conic-gradient：圆锥形渐变，它的两个兄弟line-gradient(线性渐变)、radial-gradient(径向渐变)，算是最早认识的渐变属性。 1、特点：圆锥渐变的起始点是图形中心，渐变方向以顺时针方向绕中心旋转实现渐变效果。 2、兼容性： 根据 can i use，目前只在chrome 69及以上支持。 可以使用polyfill
日期 2023-06-12 10:48:40css flex弹性布局学习总结
一、简要介绍# flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。
日期 2023-06-12 10:48:40CSS学习知识整理（六）Css position(定位)、margin 简写
margin 简写属性：
日期 2023-06-12 10:48:40CSS学习知识整理（四）Css 盒子模型
Css 盒子模型 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 不同部分的说明ÿ
日期 2023-06-12 10:48:40