学习19 用css控制文字样式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>认识CSS样式</title>
<style type="text/css">
p{
    font-size:20px;
    color:red;
    font-weight:bold;
    }
</style>
</head>

<body>
<p>你的努力，也许有人会讥讽；你的执着，也许不会有人读懂。在别人眼里你也许是小丑，在自己心中你就是国王！</p>
</body>
</html>

时间： 2024-11-06 19:57:04

学习19 用css控制文字样式的相关文章

HTML学习笔记7——CSS控制文字的一些基本属性的使用

CSS控制文字的一些基本属性的使用: 一.CSS控制段落: 段落缩进:text-indent:20px; 文字方向:text-align:center; 文字修饰:text-decoration:underline:下划线 overline;上划线 Line-though;删除线字与字之间的距离:letter-spacing:10px; ……(还有很多属性,可通过查找手册了解相关知识) 二.CSS控制字的大小字体及颜色字体的颜色:color:blue:蓝色斜体效果:font-style:i

angular学习笔记(九)-css类和样式2

在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名: 我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框. 错误框的类名是.err,警告框的类名是.warn: <!DOCTYPE html> <html ng-app> <head> <title>6.2css类和样式</title> <

CSS控制列表样式属性list-style有哪些？怎么用？

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

angular学习笔记(九)-css类和样式3

再来看一个选择li列表的例子: 点击li中的任意项,被点击的li高亮显示: <!DOCTYPE html> <html ng-app> <head> <title>6.3css类和样式</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="scri

[寒江孤叶丶的Cocos2d-x之旅_33]RichTextEx一款通过HTML标签控制文字样式的富文本控件

RichTextEx一款通过HTML标签控制文字样式的富文本控件原创文章,欢迎转载.转载请注明:文章来自[寒江孤叶丶的Cocos2d-x之旅系列] 博客地址:http://blog.csdn.net/qq446569365 下载地址 Github链接这个是干什么的将例如以下文字内容 "<#F37C2A><font Helvetica><30>[世]<#3AB5B3><underLine true>寒江孤叶<underLine

HTML学习笔记3——CSS控制DIV显示练习

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS control DIV display</title> 6 <style type="text/css"> 7 #header 8 { 9 width:200px; 10 height:100px;

CSS 控制滚动条样式

/*作为IT界最前端的技术达人,页面上的每一个元素的样式我们都必须较真,就是滚动条我们也不会忽略.下面我给大家分享一下如何通过CSS来控制滚动条的样式,代码如下:*/ 1 /*定义滚动条轨道*/ 2 #style-2::-webkit-scrollbar-track 3 { 4 background-color: #F5F5F5; 5 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22); 6 } 7 /*定义滚动条高宽及背景*/ 8 #st

.Net学习笔记----2015-07-14(CSS当中的样式属性详解)

CSS当中属性非常多,大体上可以分为以下几类:字体.背景.文本.位置.布局.边缘.列表 1).字体字体的属性主要包括文字的字体.大小.颜色.显示效果等基本样式.下面是各种字体属性的详细介绍 Font-family:该属性用于设置字体系列 Font-size:该属性定义文字的大小,可以使用度量单位来设置字体的大小,也可以使用一个相对的字体大小.还可以使用绝对的大小标记符. 绝对大小的设置为xx-small.x-small. small.medium.large.x-large.xx-large中

纯css控制文字2行显示多余部分隐藏

在编写页面的时候,经常遇到一些地方的文字显示1行,多余的文字隐藏,这样显示1行的很好控制: css代码如下: white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 3行代码搞定,这个很常见.但是要是2行文字显示多余隐藏呢,我之前在网上搜到的很多说什么用js去控制,用php控制...等等诸如此类的复杂方法,为什么不能同样用css去控制呢?后来找到答案了,用css同样可以去控制2行文字显示多余隐藏. text-overflow