CSS基本样式-文本属性

字体属性文本属性呢,自我认为就是写文档的一些格式属性,例如:字体颜色,字体加粗,字体大小,字体类型等,而且我们在输出测试用例报告的时候也可以用到这些属性,对测试报告进行优化. <html> <head lang="en"> <meta charset="UTF-8"> <title>字体属性</title> <style> .box{ /*字体颜色*/ color: red; /*字体加粗*/…

本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性(Text) CSS 字体属性(Font) CSS3新增属性文本阴影:text-shadow 文本溢出:text-overflow 这个属性一般需要配合overflow:hidden和white-spance:nowrap(强制文本容器不换行)使用. 文本换行:word-wrap word-brea…

HTML+css基础 Text文本属性

Text文本属性: 1.颜色 color color:red 2.文本缩进 text-indent 属性值数字+px: text-indent:10px: 3.文本修饰 text-decoration 属性值:underline 下划线 none 默认值没有任何线 overline 上划线 4.文本的对齐方式 text-align 属性值 left right center justify(两端对齐) width 宽 height 高属性值都是像素任何一个标签都是以方格的形式呈现…

CSS基本样式-背景属性

代码是敲出来的,建议一个一个过一遍背景属性背景颜色 background-color 背景颜色默认值是transparent(透明的) 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS基本样式</title> <style> body{ height: 1000px; /…

css字体样式+文本样式

font-family属性值:具体字体名或者字体集如果是中文或者有单词之间有空格,需要加双引号字体集: Serif (有装饰线) Sans-serif (无装饰线) Monospace Cursive Fantasy <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &…

CSS鼠标样式 cursor 属性

值描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器设置的光标. crosshair 光标呈现为十字线. pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动. e-resize 此光标指示矩形框的边缘可被向右(东)移动. ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东). nw-resize…

CSS 常用样式 – 背景属性

一.背景颜色 background-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰加载区域:在 border 及以内加载背景颜色属性值:颜色名.颜色值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="…

css中一些文本属性的用法

代码 /* text-transform用法 */ .p1 { /* 默认值 */ text-transform: none; } .p2 { /* 每个单词的首字母大写 */ text-transform: capitalize; } .p3 { /* 全部转换为大写字母 */ text-transform: uppercase; } .p4 { /* 全部转换为小写字母 */ text-transform: lowercase; } /* text-decoration用法 */ .p5 {…

【CSS学习】--- 文本样式

一.前言 CSS文本属性可以定义文本的外观.通过文本属性,可以定义文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. CSS常用的文本属性目录: text-align 文本对齐属性 text-indent 首行缩进属性 line-height 行高属性 word-spacing 单词间隔属性 letter-spacing 字符间隔属性 text-decoration 文本装饰属性 text-transform 大小写转换属性下面我们开始逐步学习CSS中的文本样式. 二.文本对齐:…

第1天：CSS基本样式

今天学习了CSS基本样式和属性.在做练习的时候遇到一个小问题,最后解决了. 记住:浏览器有默认margin和padding.样式最开始记得一定写:*{margin:0;padding:0}. 学习经验: 1.margin值相邻两个元素的margin会叠加在一起 2.margin子元素的值会传递给父元素 3.能用padding,尽量不用margin,margin浏览器兼容性较差. 4.h标签不能直接写在ul中,必须用li包起来.简言之,ul下只能是li标签. 下面是CSS常用基本样式和属性. #b…