本文章为寒假记录通过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 设置一个值:上右下左都一致 设置两个值:上下一致,左右一致 设置三个值:上右下,左和右一致 -->