HTML图像标记和CSS入门(二)
3.CSS文本相关样式
3.1 font-size 字号大小 它的属性用于设置字号 相对长度 em px 最常用,推荐使用 3.2 font-family 字体 它的属性用于设置字体
p{font-size:"微软雅黑”}
可以同时指定多个字体,中间用逗号隔开 各种字体之间必须使用英文的逗号隔开 3.3 font-weight :字体粗细 字体加粗除了用 b 和 strong 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。 font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。 技巧: 数字 400 等价于 normal,而 700 等价于 bold。 但是我们更喜欢用数字来表示。 font-style:字体风格 字体倾斜除了用 i 和 em 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。 font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下: normal:默认值,浏览器会显示标准的字体样式。 italic:浏览器会显示斜体的字体样式。 oblique:浏览器会显示倾斜的字体样式。 4.CSS文本外观属性 1.color 文本颜色 2.letter-spacing: 字体间距 属性为normal 或px em 允许负值 3…word-spacing:单词间距 中文字体无效 4.line-height:行间距 px em % 5.text-transform:文本转换 none 默认值 capitalize 首字母大写 uppercase 全部字符转换为大写 lowercase 全部字符转换为小写 6.text-decoration 文本装饰 none underline overline line-through删除线 7.text-align水平对齐方式 left right center 8.text-indent 首行缩进 建议使用em 9.white-space 空白符处理 normal pre 预格式化 nowrap空格空行无效
作品展示:
展示
思维导图为
相关文章
- html精灵图跟img标签,css精灵图怎么使用?
- lock html路径,lockworkstation
- html中超链接使用_HTML超链接代码
- 每日分享html之1个搜索、2个加载、1个导航栏、1个性别选项卡
- HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码
- web前端设计与开发期末作品: 服装主题网页设计——女装下拉菜单带特效 (11页) HTML+CSS+JavaScript 网页设计期末作业个人主页…[通俗易懂]
- HTML图像标记和CSS入门(一)
- java实现html转word_javaweb与html区别
- 好看的table css样式_html漂亮表格效果
- 前端三件套——我看HTML及CSS
- HTML、CSS温故而知新
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【CSS】课程网站头部制作 ① ( 头部区域测量 | 头部盒子标签结构 | 整体页面背景颜色设置 | LOGO 盒子设置 | 切片工具切图 | LOGO 相关 HTML 结构及 CSS 样式编写 )
- .NET/ASP.NET/C#/WCF/SQL Server/My SQL/Java/JSP/JDBC/Spring/Spring MVC/PHP/Python/Ruby/Shell/Agile/CSS/HTML/HTTP/Unix/Linux大量PDF书籍/电子书籍下载, Effective Java 下载详解编程语言
- 把文章里边的html标签去掉(去掉文字的样式,显示css设置的样式)详解编程语言
- HTML 框架
- 器使用Oracle CSS服务器提升业务效率(oracle css服务)
- 用PHP实现的生成静态HTML速度快类库
- 刷新页面实现方式总结(HTML,ASP,JS)
- SOSO地图JS画出标注和中心点以html形式运行