首页前端开发CSScss文本属性有什么

css文本属性有什么

时间2024-01-27 19:51:03发布访客分类CSS浏览793
导读:收集整理的这篇文章主要介绍了css文本属性有什么,觉得挺不错的,现在分享给大家,也给大家做个参考。css文本属性:1、margin段落间距;2、【text-align】文本居中;3、【text-indent】段落缩进;4、【text-dec...
收集整理的这篇文章主要介绍了css文本属性有什么,觉得挺不错的,现在分享给大家,也给大家做个参考。

css文本属性:1、margin段落间距;2、【text-align】文本居中;3、【text-indent】段落缩进;4、【text-decoration】设置文字装饰效果;5、【line-height】设设置段落行高。

本教程操作环境:windows10系统、css3版,DELL G3电脑,该方法适用于所有品牌电脑。

@H_777_12@css文本属性:

1、css文本属性之文本中大小写字母转换—text-transform

  属性值:

  •   upPErcase; (全部大写)

  •   lowercase; (全部小写)

  •   capITalize;(在所有小写单词中,首字母大写)

  p{
    text-transform:uppercase;
}
    

2、css文本属性之文本居中——text-align

  属性值:

  •   center; (居中)

  •   left; (左边对齐)

  •   right(右边对齐)

  p{
    text-align:center;
}
    

3、css文本属性之段落缩进—–text-indent

  em(是以字为单位),±都可以

  p{
    text-indent:3em;
}
    

4、css文本属性之设置文字装饰效果——text-decoration

  属性值:

  •   none(去掉下划线)

  •   underline(加下划线)

  •   overline(加上划线)

  •   line-through(加删除线)

  a{
    text-decoration:none;
}
    

5、css文本属性之设置段落行高—-line-height

  属性值:百分比,px,数字

  a{
    line-height:13px;
}
    

6、css文本属性之设置字词间距

  word-spacing(只对英文有用)

  letter-spacing(汉字和英文都可以)

  p{
    letter-spacing:16px;
}
    

7、css文本属性之段落间距-margin

  p{
    margin:66px;
}
    

8、css文本属性之边框——border

  属性值有三个:大小,颜色,样式;

  边框样式有:solid(实线),dashed(虚线),dotted(点线)

  p{
    border:3pxlightgreensolid;
}
    

9、css文本属性之空格——white-space

  属性值:

  •   PRe; (与预设一样)

  •   nowrap;(文字不自动换行)

  •   inherit; (继承父本)

  •   normal; (显示一个)

  p{
    white-space:pre;
}
    

10、css文本属性之设置输入法状态-ime-mode

  属性值:

  •   auto; 默认

  •   active; 激活本地语言输入法;

  •   inactive:激活非本地语言输入法;

  •   disabled; 禁止输入法,不能输入汉字

推荐(免费):css视频教程

以上就是css文本属性有什么的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: css中清除浮动有哪几种方式下一篇:zoom属性详解猜你在找的CSS相关文章 css怎么控制按钮不可用2022-05-17css3中transform属性实现的4种功能2022-04-13纯CSS3实现div按照顺序出入效果2022-04-13CSS实现隐藏搜索框功能(动画正反向序列)2022-04-13使用CSS3实现按钮悬停闪烁动态特效代码2022-04-13CSS3 Tab动画实例之背景切换动态效果2022-04-13CSS实现两列布局的N种方法2022-04-13CSS 实现Chrome标签栏的技巧2022-04-13css实现两栏布局左侧固定宽右侧自适应的多种方法2022-04-13从QQtabBar看css命名规范BEM的详细介绍2022-04-13 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: css文本属性有什么
本文地址: https://pptw.com/jishu/588643.html
什么是CSS,其主要作用是什么 css如何调整字体颜色

游客 回复需填写必要信息