web前端学习笔记Day01代码入门篇(一)

最新推荐文章于 2024-07-29 11:11:14 发布

qijijc

最新推荐文章于 2024-07-29 11:11:14 发布

阅读量373

点赞数

分类专栏：前端笔记文章标签： web前端入门笔记菜鸟新人

本文链接：https://blog.csdn.net/qijijc/article/details/98107858

版权

4 篇文章 0 订阅

订阅专栏

本文深入解析了CSS中的三种样式表：行间样式表、内部样式表和外部样式表的使用方法。同时，详细介绍了background和border两个常用属性的设置技巧，包括颜色、图片、位置、重复和边框样式的具体参数。

摘要由CSDN通过智能技术生成

<div style=" background-color:red;">我是行间样式表</div>

background-color:设置背景的颜色，有三种设置属性的方法：
1.使用颜色的英文单词：red，green等；
2.三原色模式：rgb(255,255,255);
3.16进制模式：#AAA;
background-image:插入背景图片。属性：url(图片路径)，默认状态下图片会铺满整个背景。
注：背景图片比背景颜色的层级高，会覆盖在其上面。
background-repeat:说明图片是否重复。
属性：1.no-repeat:设置背景图片不重复；
2.repeat-x:设置图片沿x轴平铺
3.repeat-y:设置图片沿y轴平铺
注：当图片设置为repeat-x或repeat-y时，他在进行图片定位的时候，不会因为定位的偏移而留下空白而是会将重复的图片的右移或下移。
background-position:x,y:说明背景图片的位置
属性：x: 20%(表明从左位于x轴的20%处);
：left or right or center(表明位于左端还是右端还是中间)；
：px(表明从左开始的多少像素);
属性：y:20%(表明从上位于y轴的20%处);
：top or botton or center(表明位于上方还是下方还是中间);
：px(表明从上开始的多少像素);
background-attachment::说明背景图片是否允许滑动；
属性：fixed：固定定位；
scroll：允许滑动；

属性如下：

color：设置边框的颜色；
x px：x是数字，px是像素，表明边框的的粗细；
线性：solid（实线），dashed（虚线），dotted（点滑线）；
注：还可以通过设置 border-top,border-botton,border-left,border-right来分别设置边框的四条边。