网页前端第四次培训


本文章为寒假记录通过b站学习HTML所得收获


一、学习网址:【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
 


二、css常用属性、盒子模型的了解与基本使用

1.background标签可以进行背景颜色、图片等的修改

                /*	背景颜色	*/
				background-color: /*填入颜色模块*/;
				/*	背景图片	*/
				background-image: url(填入所拉取的图片);
				/*	是否重复	*/
				background-repeat: no-repeat;/*   此时为不重复   */


2.text-加上相应的单词可以对文本进行修改、比如文字大小,对齐方式、首行缩进/不缩进等

                color:#0000FF;
				/*	对齐方式 left center right	*/
				text-align:/*自行选择以上三种对齐方式*/;
				/*	文本修饰	*/
				text-decoration: line-through overline underline;
				/*	首行缩进	*/
				text-indent: /* 填入想要缩进的数字大小   */em;

3.display可以将之前所规划的文本等效果去除,当然也可以选择不去除

/*	display属性	 none隐藏元素  block显示元素*/
				display: /*填入none或者block*/;

4.以下为盒子模型常用的标签


<!--
			盒子模型
				padding   内边框
				border    边框
				margin    外边框
				
				border   边框
					设置边框的颜色、样式、宽度
						border:颜色、样式、宽度、
						例如:border:red soild 1px
					单独设置边框的宽度、颜色、样式
						border-width
						border-style
						border-color
						
				padding  内边距
				设置所有内边距的宽度,或者设置各边上内边距的宽度
				单独设置各边的内边框  padding-top,padding-left,padding-bottom,padding-right
				
				默认按照上右下左的顺序设定
				
			margin  外边距
				设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度
				单独设置各边的外边框:margin-top,margin-left-margin-bottom,margin-right
				
				
			设置一个值:上右下左都一致
			设置两个值:上下一致,左右一致
			设置三个值:上右下,左和右一致
		-->

上一篇:html--标签样式(块,内联,内联块,按内容,按显示分类)


下一篇:数组常用方法总结(二)