HTML 第5章CSS3美化网页元素
<span>标签:
<span>标签是用来组合HTML文档中的行内元素,它没有固定的格式表示.
字体样式:
属性名 含义
font-family 设置字体类型
font-size 设置字体大小
font-style 设置字体风格
font-weight 设置字体粗细
font 在一个声明中设置所有字体属性
font-weight属性的值:
normal:默认值,定义标准的字体
bold:粗体字体
lighter:更粗的字体
lighter:更细的字体
100,200,300..:定义由细到粗的字体
排版网页文本:
常用:
属性 含义
color 设置文本颜色
text-align 设置元素水平对齐方式
text-indent 设置首行文本的缩进
line-height 设置文本的行高
text-decoration 设置文本的装饰
text-align属性常用值:
left:默认值
right:把文本排列到右边
center:把文本排列到中间
justify:实现两端对齐文本效果
text-decoration的常用值:
none:默认值
underline:设置文本的下划线
overline:设置文本的上划线
line-throung:设置文本的删除线
文本阴影:
语法:
text-shadow:color x轴位移(x-ofset) y轴位移(y-offset)模糊半径(blur-radius)
设置超链接和列表样式:
超链接伪类:
a:link:单击访问前的超链接样式
a:visited:单击访问后的超链接样式
a:hover:鼠标悬浮上的超链接样式
a:active:单击未释放的超链接样式
列表样式:
值 说明 语法
none 无标记符号 list-style-type:none;
disc 实心圆,默认值类型 list-style-type:disc
circle 空心圆 list-style-type:circle
square 实心正方形 list-style-type:square
decimal 数字 list-style-type:decimal
<div>标签:
语法:
<div>网页内容....</div>
背景属性:
背景颜色;
背景图像;
背景;
最新文章
- 推荐一款Mac上好用的Markdown编辑器
- 从service弹出系统级自定义提示框,可在任意页面弹出
- 绿荫工作室爱选修app内测
- Delphi-LowerCase 函数
- jQuery 弹出窗口的形式一直是具体案件的中心
- Oracle db中 CONNECT role的含义
- react-native-image-picker 运用launchCamera直接调取摄像头的缺陷及修复
- 小伙子,你真的搞懂 transient 关键字了吗?
- 开发Spring过程中几个常见异常(二):Exception encountered during context initialization - cancelling refresh attempt: org.springframework.beans.factory.BeanCreationException: Error creating bean with name &#39;a&#39; define
- speex与webrtc回声消除小结
- IOS 整体框架类图值得收藏
- CentOS7 虚拟机设置文件共享 VMWareTools安装遇到的坑
- [LeetCode] 596. Classes More Than 5 Students_Easy tag:SQL
- 爬虫之牛掰的scrapy框架
- lua --- __newindex 的使用规则
- C# 中 ? 和 ??
- StringBuffer类和String类(原文地址 : http://www.cnblogs.com/springcsc/archive/2009/12/03/1616330.html)
- 将驼峰转化为下化线(将型如AbcDef转化为abc_def)
- IE8 MIME type application/json not found
- 你可能不知道UED和UCD
热门文章
- shell脚本开发基本规范
- octavia的实现与分析(一)&#183;openstack负载均衡的现状与发展以及lvs,Nginx,Haproxy三种负载均衡机制的基本架构和对比
- 微服务-springcloud学习资料链接
- 数据结构与算法---树结构(Tree structure)
- Python之Pandas库学习(三):数据处理
- CSU 1808:地铁(Dijkstra)
- 基数排序的可复用实现(C++11/14/17/20)
- 教你发布vue+.netCore项目到服务器
- 如何使用百度EasyDL进行情感分析
- SGU495 Kids andPrices[期望DP]