新手村必备保命技能:CSS文本格式

开课吧开课吧锤锤2021-04-12 14:11

    网络前端高薪的诱惑,学习门槛低,不管是学生党还是工作者,都渴望凭借自己的能力,空闲的时间,去学前端。也许是一种爱好,也许是一种想从事的工作。但它真的那么简单吗?现在,初级前端的工作,已接近饱和,并处于供过于求的状态,企业更需要的是具备扎实的基础,至少具备后端技能的前端开发工程师。已不像之前所说的美工,美工了。在许多大企业中,前端开发岗位是独立的,需要专业技能。

    CSS文本格式

web

    文本颜色

    颜色属性被用来设置文字的颜色。

    颜色是通过CSS最经常的指定:

    十六进制值-如:#FF0000

    一个RGB值-如:RGB(255,0,0)

    颜色的名称-如:red

    一个网页的背景颜色是指在主体内的选择:

body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

    对于W3C标准的CSS:如果你定义了颜色属性,你还必须定义背景色属性。

    文本的对齐方式

    文本排列属性是用来设置文本的水平对齐方式。

    文本可居中或对齐到左或右,两端对齐.

    当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

    文本修饰

    text-decoration属性用来设置或删除文本的装饰。

    从设计的角度看text-decoration属性主要是用来删除链接的下划线:

a {text-decoration:none;}

    也可以这样装饰文字:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

    我们不建议强调指出不是链接的文本,因为这常常混淆用户。

    文本转换

    文本转换属性是用来指定在一个文本中的大写和小写字母。

    可用于所有字句变成大写或小写字母,或每个单词的首字母大写。

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

    文本缩进

    文本缩进属性是用来指定文本的第一行的缩进。

p {text-indent:50px;}

    前端学习永远不会是单枪匹马,需要前人的引领,也需要平台的不断交流与思想碰撞。这能够快速入门,减少走弯路,还能让自己找到问题的根源。更多的Web教程尽在开课吧广场Web教程频道。

有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营