11月3日笔记

最新推荐文章于 2021-11-13 21:52:51 发布
最新推荐文章于 2021-11-13 21:52:51 发布
阅读量220 收藏
点赞数
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/studyit10086/article/details/78453748
版权
1.1 CSS简介

CSS 指层叠样式表(Cascading Style Sheets)，定义如何显示HTML元素。


1.3 CSS样式规则和CSS加载的方式
1.CSS样式规则
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）希望设置的样式属性（style attribute）。
2. CSS加载的方式
1.引入外部文件
<link href="outer.css" rel="stylesheet" type="text/css"></link>
HTML文档中使用<link>元素引入外部样式文件，引入外部样式文件应在<head>元素中增加
<link>子元素。
2.导入外部样式单
<style type="text/css">
@import "../outer.css";
@import url('outer.css');
</style>
导入外部样式表单需要在<style>元素中执行@import进行导入。
3.使用内部CSS样式
一般来说我们不建议使用内部CSS样式：
复用性小。
导致HTML文档过大，会导致网络负载严重。

修改整站风格时，需要对每个网页文件进行样式修改。

<style type="text/css">
样式单文件定义
</style>

 4.使用内联CSS样式

内联样式只对单个标签有效，不会影响整个文件。在HTML元素中使用style属性定义内联样式。 

<div style="property1:value1;property2:value2;"/>

1.2 DIV和SPAN标签简介
我们在之前的练习中发现，HTML标签具有不同的特性。
实际上，我们可以将HTML元素分为两大类：区块元素和内联元素。
1.内联元素和区块元素
区块元素
总是在新的一行上显示。
高度、行高、宽度、内边距、外边距等都是可控制的。
高度默认为0，是根据元素内的内容而决定的，宽度是父元素的宽度，但是可以通过css
控制它，显示的指定他的宽度和高度，可以利用浮动和定位来将他与其他的块元素也显
示在一行上。
实例: <h1>, <p>, <ul>, <table>。
内联元素
内联元素和其他的元素显示在一行上。
上下边距、高度，宽度都是不可改变的，他的宽度是根据他的显示文本和图像的宽度。
实例: <b>, <td>, <a>, <img>。

1.<div>元素
HTML <div>元素是块级元素，它可用于组合其他HTML元素的容器。
<div>元素没有特定的含义。由于它属于块级元素，浏览器会在其前后显示换行。
如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。

<title>三列布局</title>
<style>
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ text-align:center; line-height:50px}
.left{ width:240px; height:600px; background:#ccc; position:absolute; left:0; top:0
}
.main{ height:600px; margin:0 240px; background:#9CF}
.right{ height:600px; width:240px; position:absolute; top:0; right:0; background:#
FCC;}
</style>
</head>
<body>
<div class="left">left</div>
<div class="main">main</div>
<div class="right">right</div>
</body>

2. <span>元素
HTML <span>元素是内联元素，可用作文本的容器
<span>元素也没有特定的含义。
当与 CSS 一同使用时，<span>元素可用于为部分文本设置样式属性。

1.5 选择器装修队CSS已经进场了，但是我们要小心控制装修队，可不能让装修队在家里胡作非为。所以我们要使用选择器精准的选择网页中需要装修的地方。

1.通配符选择器使用"*"表示通配符，

用来选择页面所有元素的样式。*{ margin:0;padding:0;}

2.类选择器类选择器指定的样式对指定class

属性的元素起作用。使用“.”标识一个类选择符，类名可以任意。.myclass{...}

3.ID选择器ID选择器中的

样式会对具有指定id属性的HTML元素起作用。HTML元素以id属性来设置id选择器,CSS中id选择器

以"#"来定义。需要注意的是id在HTML文档中具有唯一性，是不可以重复的。#idValue{ ...}

4.包含选择器包涵选择器用于指定处于某个选择器对应的内部元素。h1 em {color:red;}

5.子选择器子选择器

要求目标选择器必须作为外部选择器对应的元素的直接子元素。

parent>child{width: 200px; height: 35px;}

<style>
</style>


<div class="a">
<p>A smooth, mild <span class="b">blend of coffees</span> from Mexico, </p>
<div>A smooth, <p>mild</p>mild</div>
</div>


选择所有下属子类可以不是直接子元素
.vip .vip{color:blue
}

<body>
<h1>我们的门店</h1>
<ul > 
<li class="vip"><span class="vip">我们的分店</span>
<ul > 
<li class="vip" >北京朝阳区奥林匹克公园店</li>
<li>纽约布鲁克林14号大街店</li>
<li>曼彻斯特老特拉福德球场店</li>
<li>索马里海岸121号军火仓库店</li>
<li>南通市崇川区医校巷3号旗舰店</li>
</ul > 
</li>

<li >我们的门店
<ul id="super"> 
<li >北京朝阳区奥林匹克公园店</li>
<li>纽约布鲁克林14号大街店</li>
<li>曼彻斯特老特拉福德球场店</li>
<li>索马里海岸121号军火仓库店</li>
<li>南通市崇川区医校巷3号旗舰店</li>
</ul >
</li>
</ul>
</body>
6.群组选择器
群组选择器使用逗号对选择符进行分隔。
我们可以将逗号读成“和”。
h1,p,myClass,#main{
font-size:20px;
}

1.6 伪类
CSS伪类是添加到选择器的关键字，指定要选择的元素的特殊状态。例如， :hover 将在用户
悬停在选择器指定的元素上时应用样式。
1.anchor伪类
链接的不同状态都可以以不同的方式显示。
<style>
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<body>
<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
<p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>
<p><b>注意：</b> a:active 必须在 a:hover 之后。</p>
</body>
注意：在CSS定义中，a:hover必须被置于a:link和a:visited之后，a:active必须被置于
a:hover之后，才是有效的。伪类的名称不区分大小写。
2.first-child伪类
:first-child CSS 伪类代表了一组兄弟元素中的第一个元素。被匹配的元素需要具有一个父级元
素。
element:first-child { style properties }
上面的CSS作用于下面的HTML:
span:first-child {
background-color: lime;
}
<div>
<span>This span is limed!</span>
<span>This span is not. :(</span>
</div>
伪类
15
3.first-line伪类
"first-line" 伪元素用于向文本的首行设置特殊样式。
在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对p元素的第一行文本进行格式
化：
<style>
p:first-line {
color:red;
}
</style>
<body>
<p>A smooth, mild blend of coffees from Mexico, A smooth, mild blend of coffees from M
exico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of coffees from
Mexico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of coffees fr
om Mexico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of coffees
from Mexico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of coffee
s from Mexico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of coff
ees from Mexico,A smooth, mild blend of coffees from Mexico,A smooth, mild blend of co
ffees from Mexico,</p>
</body>
注意："first-line" 伪元素只能用于块级元素。
下面的属性可应用于 "first-line" 伪元素：
font properties
color properties
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear



4.:before伪类
":before" 伪元素可以在元素的内容前面插入新内容。
下面的例子在每个<h1>元素前面插入一幅图片：
<style>
p:before
{
content:"台词：-";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
<body>
<p>The :before pseudo-element inserts content before an element.</p>
<p><b>注意:</b>仅当 !DOCTYPE 已经声明 IE8 支持这个内容属性</p>
</body>
既然有:before伪类，自然就有:after伪类。

1.7 CSS颜色
颜色是由红（RED），绿（GREEN），蓝（BLUE ）光线的显示结合。
CSS的颜色可以通过以下等方法指定：十六进制颜色、RGB颜色、RGBA颜色、颜色名等值
指定。
1. 十六进制颜色值
所有主要浏览器都支持十六进制颜色值。
指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和
BB（蓝色）。所有值必须介于0和FF之间。
例如，＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。
p
{
background-color:#ff0000;
}
2.RGB颜色值
RGB颜色值在所有主要浏览器都支持。
RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，
可在0和255之间，或一个百分比值（从0％到100％）之间的整数。
例如RGB（0,0,255）值呈现为蓝色，因为蓝色的参数设置为最高值（255）而其他设置为0。
此外，下面的值定义相同的颜色：RGB（0,0,255），RGB（0％，0％，100％）。
p
{
background-color:rgb(255,0,0);
}
3.RGBA颜色值
RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。
RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。
CSS颜色
18
RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）
和1.0（完全不透明）之间的参数。
p
{
background-color:rgba(255,0,0,0.5);
}

1.8背景图片

1.背景颜色background-color 属性定义了元素的背景颜色。页面的背景颜色使用在body的选择器中:body {background-color:#b0c4de;}

2.背景图片background-image 属性描述了元素的背景图像。默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体。background:url(img_flwr.gif);

3.背景平铺重复设置background-repeat属性控制背景图像的平铺重复效果。

4.背景图片固定在默认情况下，组件里的背景图片会随着滚动条的滚动而自动滚动，我们要把backgrounattachment的属性设为fixed,那么背景图片就会被固定在该组件中，不会随滚动条的滚动而移动。body{background-attachment: fixed;}背景图片

5.背景图片的定位可以利用 background-position 属性改变图像在背景中的位置。

6.背景图片大小background-size属性指定背景图片大小。div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;}

7.背景的简写属性背景图片21为了简化这些属性的代码，我们可以将这些属性合并在同一个属性中.背景颜色的简写属性为 "background":当使用简写属性时，

属性值的顺序为：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position以上属性无需全部使用，你可以按照页面的实际需要使用.

1.9 文本
1.文本的颜色
颜色属性被用来设置文字的颜色。
颜色是通过CSS最经常的指定：
十六进制值 - 如:＃FF0000。
一个RGB值-如:RGB(255,0,0)。
颜色的名称 - 如:red。
body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}
2.文本的水平对齐方式
文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报
纸）。

<style>
p {
text-align: justify;
}
</style>
<body>
<p>Be careful to perform the actions in the correct sequence.</p>
</body>

3.文本修饰
text-decoration属性一般用于删除链接的下划线。
<style>
a {
text-decoration:none;
}
</style>
<body>
<a href="#">百度</a>
</body>

4.文本转换
文本转换属性是用来指定在一个文本中的大写和小写字母。
可用于所有字句变成大写或小写字母，或每个单词的首字母大写。
<style>
.uppercase {
text-transform:uppercase;
}
.lowercase {
text-transform:lowercase;
}
/* 首字母大写 */
.capitalize {
text-transform:capitalize;
}
</style>
<body>
<p class="uppercase">Hello,World!</p>
<p class="lowercase">Hello,World!</p>
<p class="capitalize">hello,world!</p>
</body>

5.文本缩进
text-indent属性控制首行文本的缩进。
属性值可以是固定值（包括负数），也可是百分比。
注意em单位一般代表网页中一个字符的大小。
<style>
p {
text-indent:2em;
}
</style>
<p>
南通青鸟教育集团成立于2006年2月，学校秉承“学习改变命运、实训提升实力”的理念，以就业为导向，
强势发展校企合作、
定向培养，借助南通和长三角地区软件和服务外包兴旺发达的产业优势，累计为南通、上海、南京等城市培
养和输送专业人才6000余人。
</p>
6.字符间距和字间距
letter-spacing属性控制字符的间距。属性值可以是正负数。
word-spacing属性控制字间距。
我们在这里设置CODING COFFEE的产品页和首页。
p{
word-spacing: 5px;
letter-spacing: 5px;
}
7.行间距
line-height属性控制行间距（简称行高）。

<style>
p{
word-spacing: 5px;
letter-spacing: 5px;
line-height: 20px;
}
</style>
<p>A smooth, mild blend of coffees from Mexico
A smooth, mild blend of coffees from MexicoA smooth,
mild blend of coffees from MexicoA smooth,
mild blend of coffees from Mexico</p>
8.元素的垂直对齐方式
vertical-align属性控制元素垂直对齐方式。
vertical-align被用于垂直对齐inline元素，也就是display值为inline和inline-block的元素。
也就是垂直居中是运用在行内元素的。

1.10 CSS列表
CSS列表属性作用如下：
设置不同的列表项标记为有序列表。
设置不同的列表项标记为无序列表。
设置列表项标记为图像。
1.使用不同的列表项标记
使用list-style-type改变列表项标记。
<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul class="b">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>有序列表实例:</p>
<ol class="c">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="d">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
2.使用图片作为列表项
使用list-style-image可以用图片作为列表的标记项。
CSS列表
27
<style>
ul
{
list-style-image:url('sqpurple.gif');
}
</style>
<ul>

<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>


为CODING COFFEE 添加背景

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>CODING COFFEE</title>
		<meta name="Generator" content="EditPlus">
		<meta name="Author" content=''>
		<style type="text/css">
			.wrapper{
				width:1080px;
				/*border:2px solid red;*/
				margin:0 auto;
			
			}
			.arr{
				float:left
			}
			.brr{width:50%;
			float:right
			}
			#ppp{vertical-align:middle
			}
			body{
				background-color:red;
				background-image:url('./coffee/img/co.jpg' );
				background-repeat:no-repeat;
				background-attachment:fixed;
				background-position:left center;
				background-size:cover;
				/*background:rgba(255,0,0,0.5) url('./coffee/img/co.jpg') no-repeat fixed left top ;
				background-size:cover*/
			}
			hr{ width:60%;
			
				border:2px dashed grey;
			}
			p{	line-height: 20px;
				color:black;
				text-align:left;
			}
			
		</style>
	</head>
	<body>
		<div>
			<h1>CODING COFFEE MENU</h1>
			<hr>
			<div class="wrapper">
				<div class="arr">
					<img id="ppp"src="./coffee/img/c2.jpg" height="300">
				</div>
				<div class="brr">	
					<h2>蓝山咖啡</h2>
					<p>源自三地的咖啡豆，为周年纪念综合咖啡豆带来了特别的馥郁醇厚。如今推出三种不同包装，让你用自己喜爱的方式体验这别具风味的一杯。
				</div>
				<div style="clear:both;"></div>
			</div>
			</p>
			<hr>
			<h2>拿铁咖啡</h2>
			<img src="c3.jpg" height="300">
			<p>作为在中国上市的第一款单一产地系列咖啡，东帝汶塔塔迈劳咖啡豆将当地的风味浓缩其中，一起来星巴克门店，感受它那平衡的草本风味吧。
			</p>
			<hr>
			<h2>意式浓缩</h2>
			<img src="c5.jpg" height="300">
			<p>每一款臻选咖啡豆，都有着自己的个性和故事。它因人因地因天气而有着别样的风味。当你来到星巴克臻选门店，这场相遇才刚开始。和我们的黑围裙大师一起，用不同煮制方式，走进原产地的风情中。
			</p>
			<hr>
			<h2>卡布奇诺</h2>
			<img src="c7.jpg" height="300">
			<p>A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.
			</p>
			<hr>
			<h2>摩卡咖啡</h2>
			<img src="c8.jpg" height="300">
			<p>A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.
			</p>
			<hr>	
		</div>
	</body>
</html>

给分店添加小图标 

<!DOCTYPE html>
<html lang="en">
<head>
	<title> 我们的分店 </title>
	<meta name="Generator" content="EditPlus">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<style type="text/css">
	.vip>.vip{color:blue
	}
	#super{color:red
	}
	ul{
		list-style-image:url('./coffee/img/c7.jpg');
	}
	</style>
</head>

<body>
	<h1>我们的门店</h1>
	<ul > 
		<li class="vip"><span class="vip">我们的分店</span>
		<ul > 
		<li  >北京朝阳区奥林匹克公园店</li>
		<li>纽约布鲁克林14号大街店</li>
		<li>曼彻斯特老特拉福德球场店</li>
		<li>索马里海岸121号军火仓库店</li>
		<li>南通市崇川区医校巷3号旗舰店</li>
		</ul > 
		</li>
	
		<li >我们的门店
		<ul id="super"> 
		<li >北京朝阳区奥林匹克公园店</li>
		<li>纽约布鲁克林14号大街店</li>
		<li>曼彻斯特老特拉福德球场店</li>
		<li>索马里海岸121号军火仓库店</li>
		<li>南通市崇川区医校巷3号旗舰店</li>
		</ul >
		</li>
	</ul>
</body>
</html>


studyit10086
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python——理论学习笔记
01-20
Python学习笔记第1章 程序设计基本方法第2章 ...时间：2020年1月3日——2020年3月3日 总字数：47291 第1章 程序设计基本方法 Python是一种解释类型的编程语言； Python语言通过缩进来体现语句之间的逻辑关系； Python
马卡龙色色卡及其十六进制代码
Ranger_AA的博客
06-01 4万+
马卡龙色色卡马卡龙色色卡及十六进制代码马卡龙色的效果及十六进制代码如下 马卡龙色色卡及十六进制代码            马卡龙，又称作玛卡龙、法式小圆饼，是一种用蛋白、杏仁粉、白砂糖和糖霜制作，并夹有水果酱或奶油的法式甜点。口感丰富，外脆内柔，外观五彩缤纷，精致小巧。Macaron一词本是法语，实际发音较接近“马卡红”。“马卡龙”是使用西班牙语发音音译的结果。马卡龙是意大利人发明的。而马卡龙具体的
11月3号笔记与练习
qq_40886491的博客
11-03 157
数据结构——学习笔记——入门必看【建议收藏】
热门推荐
刘鑫磊
02-09 38万+
（2）静态查找表&动态查找表的区别用法【顺序查找-线性查找-折半查找-二分查找-有序表查找-插值查找-斐波那契查找-索引顺序表查找-分块查找】单独使用顺序存储结构（即数组）无法很好地实现树的存储概念，不过如果充分利用顺序存储和链式存储结构的特点，则完全可以实现对数的存储结构的表示。深度为 2，则至多只有 3 个结点：根结点，根结点的左子树，根结点的右子树···指的是这样一个数列：1、1、2、3、5、8、13、21、……（3）四中常见的多路查找树【2-3 树$2-3-4 树$B 树$B+ 树】的区别用法。
改进Canny算法分析暨2021年11月13号笔记
qq_36592837的博客
11-13 3603
最近迷上了图像边缘检测的研究，在这个机器学习横行的时代，还在专研图像处理的传统方法，可以说有那么点任性，哈哈。今天我们赏析一篇高引用的中文论文——《应用Otsu改进Canny算子的图像边缘检测方法》。 是的，这是一篇2014年发表于<计算机与数字工程>的论文，作者是顺德职业技术学院的张志强教授和中国科学院研究生院的宋海生教授，知网上引用次数高达48次。 也可以说这是一篇考古文(下次来个更老的)，不过我坚信，没有最好的方法，只有最合适用的地方。废...
工作笔记-2021年11月10日
bianfu2008zhi的专栏
11-10 2456
es中设置动态模板 PUT _template/template_namexxx {} es的分词处理器 字符过滤器\分词器\词项过滤器 Standard Tokenizer Letter Tokenizer Lowercase Tokenizer Whitespace Tokenizer UAX URL Email Tokenizer Classic Tokenizer Thai Tokenizer NGram Tokenizer Edge NGram Tokenizer Keyword Toke
RHCE课程笔记
06-15
RHCE课程-RH033Linux基础笔记六 11月9日、11月16日及11月22日课程 9、文件的搜索及文件的强制位冒险位，访问控制列表，文件属性的介绍。 RHCE课程-RH033Linux基础笔记七 11月23日课程 RHCE课程-RH033Linux基础笔记...
计算机应用基础IV备课笔记.doc
06-04
计算机应用基础IV备课笔记 朱志明 第一章 WINDOWS 2000 1、WIN2000的性质： WIN2000（中文版）是美国微软(MicroSoft)于1999年8月31日发布的新一代多用户、多任 务、图形化，窗口式操作系统。 2、WIN2000多用户的特点...
leetcode有效期-learningnotes:学习笔记
07-07
11月3日) week9(11月4日- 11月10日) week10(11月11日- 11月17日) week11(11月18日- 11月24日) week12(11月25日- 12月1日) week13(12月2日- 12月8日) week14(12月9日- 12月15日) week15(12月16日- 12月22日) week16...
javascript入门笔记
05-15
3 ：11 4 ：100 5 ：101 5 & 1 101 001 ========== 001 4 & 1 100 001 ==== 000 2、按位 或 ：| 语法 ：a | b 特点 ：将 a 和 b 转换为 二进制，按位比较，对应位置的数字，至少有一位为1的话，...
12月8日米家有品临摹
studyit10086的博客
12-11 4244
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>有品</title> <link rel="stylesheet" type="text/css" href="css/normalize.css"> <link rel="stylesheet" type
11月10日笔记
studyit10086的博客
11-13 316
加法运算符 加法运算符“+”是最常用的运算符之一，但是使用却相对复杂。因为在Javascript中，加法运算符可以完成两种含义的操作，一种是算术的加法，一种是做字符串拼接。console.log(1 + 1); // 2 console.log(true + true); // 2 console.log(1 + true); // 2 console.log(‘1’ + 1); // 11
11月15日笔记
studyit10086的博客
11-15 252
JSON对象 JSON 格式（Javascript Object Notation），是一种用于数据交换的文本格式。 简单的说，每个 JSON 对象就是一个值。要么是简单类型的值，要么是复合类型的值。 JSON 对值的类型和格式是有严格要求的。 1.复合类型的值只能是数组或对象，不能是函数、日期对象、正则表达式等。 2.简单类型的值包括：字符串、数值、布尔值和null（不能使用NaN/un
11月30日笔记
studyit10086的博客
11-30 207
起步 Bootstrap 概述 2010 年 6 月，Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后，Bootstrap 最终被确定下来，并于 2011 年 8 月发布。经过很长时间的迭代升级，由最初的 CSS 驱动项目发展成为内置很多 JavaScript 插件和图标的多功能 Web 前端的开源框架。Bootstrap 最为重要的部分就是它的响应式布局，通过这种布
11月23日笔记
studyit10086的博客
11-23 207
jQuery动画 1. show() 方法和 hide() 方法 调用hide()方法会将元素的display样式改为’ none ‘。 show()方法将元素的display样式设置为先前的显示状态。 show()方法和hide()方法的参数可以指定毫秒值，缓慢的隐藏和展示。 $('p').toggle(function(){ $(this).hide(200
12月1日笔记
studyit10086的博客
12-11 187
辅助类和响应式工具 辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。情景背景色 样式 描述 text-muted 柔和灰 text-primary 主要蓝 text-success 成功绿 text-info 信息蓝 text-warning 警告黄 text-danger 危险红 各种色调
11月2日笔记
studyit10086的博客
11-02 179
表格 HTML中的表格可以大致分为三个部分： thead ---------表格的页眉tbody ---------表格的主体tfoot ---------定义表格的页脚 一些标签 caption 标题 tr 行 th 表头 td 表数据 colgroup 列组合 定义几列的格式 colspan rolspan 列 行的合并 一个简单的三行二
11月22日笔记
studyit10086的博客
11-23 177
遍历节点 1.children方法 用于去的匹配的子元素集合。children()方法只考虑子元素而不考虑后代元素。 $lis = $('ul').children(); lg($lis); var len = $lis.length; for(var i=0;i<len;i++){ l
Python3基础笔记
最新发布
06-08
2. Python3的注释使用#号，可以在代码中添加注释进行解释说明。 3. Python3中的变量不需要事先声明类型，可以直接赋值，Python会自动识别变量类型。 4. Python3支持多种数据类型，包括整数、浮点数、字符串、列表...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值