CSS的属性(一)

CSS属性:
1、字体
1、font-style:字体类型
格式:font-style:值
值:
normal:默认值 正常
italic:斜体
oblique:斜体
注意:两个斜体的区别,italic选择的是字体库中的斜体,如果字体库中没有斜体请使用oblique,oblique人为的调整为斜体

2、font-weight:字体的粗细
格式:font-weight:值
值:
normal 正常 默认值
bold:加粗
*3、font-size:字体的大小
格式:font-size:值
值:
px 最小的单位
em 1em=16px
数字 不经常用
**4、line-height:行高
格式:line-height:值
值:px
5、font-family:要选择的字体
格式:font-family:值1,值2,......;
值:
注意:
1、字体的设置,用户端。
2、字体可以有多个,你把你想设置的放在前面,都没有会显示浏览器默认的。
3、如果字体中间出现空格,建议使用引号引起来
***连写模式:
注意:
1、font-style font-weight font-size/line-height font-family
2、至少有两个,字体的大小 和 使用哪个字体

2、文本属性
color:颜色
*1、text-transform:定义字母的大小写
1、每个单词的首字母大写 capitalize
2、所有字母大写 uppercase
3、所有字母小写 lowercase
***2、text-decoration:修饰文本
***** none, 默认值 没有
underline,底部有一条线
overline,上部有一条线
line-through,中间横穿一条线
注意:text-decoration 他的值可以有多个,多个之间用空格分隔
**3、text-shadow:文本的阴影
只学四个参数
想了解更多,查手册
四个参数:xpx(x轴偏移) ypx(y轴的偏移) npx(模糊度0越大越模糊) 颜色
**4、letter-spacing:文本间距
值:
1、可以为正可以为负
2、 em px
***5、text-align:文本的对齐方式
值:
1、left 默认值
2、center 居中
3、right 右对齐
*6、text-indent:文本的缩进
值:
1、em px
2、通常会使用2em

*****7、块状元素
width:宽度
height:高度
border:1px solid red;
1、overflow:规定元素内容溢出发生的事情
1、visible:默认值,不作任何的修改
2、hidden:隐藏
2、word-break:用于文本设置换行
1、break-all:打断单词自动换行

*****8、有序列表跟无序列表
****1、list-style-type:列表前面的标志
这里边的值,去查手册
none ,你不需要的时候如何去掉
****2、list-style-image:图像的标志
格式:list-style-image:url('./beijing.png');
3、list-style-position:标志的位置
值:
inside:里面
outside:外面 默认值

补充:form表单中的hidden
hidden:input 输入框的一个类型,主要用来给服务器传送一些值,但是不想用户看到
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值