两天学会CSS(第一天)

简述CSS

css简单来说就是 层叠样式表 分为3种样式:

①行内样式(直接在行内加一个style属性)

②内部样式(在head里面添加一个style标签)

③外部样式(在外部创建一个后缀为css的文件,之后再用link连接起来)

css里面有常用的几种样式

1、颜色表示法

①直接用单词表示法

②十六进制表示法

③rgb三原色表示法(取值范围是0~255)

④rgba 其中a是透明度(取值在0~1)

2、背景样式

①background-color:背景颜色

②background-image:背景图片(URL背景地址,默认水平垂直都铺满背景图)

③background-repeat:背景图片的平铺方式(repeat-x、repeat-y、repeat、no-repeat)

④background-positon:背景图片位置(x y)

3、字体样式

①font-size:字体的大小

②font-family:字体的类型

③color:字体的颜色

④font-weight:字体加粗效果(取值范围0~900 取整,其中bold=900)

⑤font-style:字体倾斜

4、边框样式

①border-style:边框样式(solid实线、dashed虚线、dotted点线)

②border-width:边框大小(px)

③border-color:边框颜色

*举个例子 用css边框实现三角形

在这里插入图片描述

在这里插入图片描述

其中transparent是隐藏的意思

文本样式

①text-decoration:文本修饰(underline下划线、line-through删除线、overline上划线、none不添加任何修饰)

②text-indent:文本缩进

③text-align:文本对齐方式(left默认、right、center)

④line-height:定义行高(不是固定值,根据当前字体的大小变化,用数字+px或scale[相对于原来字体的比例]表示)

请各位大佬多指教

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/joyouscola/article/details/111183597