博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html实践——IFE task 02(CSS样式)
阅读量:7177 次
发布时间:2019-06-29

本文共 1703 字,大约阅读时间需要 5 分钟。

1. CSS背景:

 (1)background:

 (2)background-color:

 (3)background-img:

 (4)background-repeat:

  >>repeat:

  >>no-repeat:

  >>inherit:继承父类的属性

  >>repeat-x:

  >>repeat-y:

 (5)background-position:

  >>bottom:

   >>center:

   >>inherit:继承父类的属性

  >>left:

 >>top:

 >>right:

(6)background-attachment:

 >>fixed:图像相对于可视区是固定的

 >>scroll:默认值,背景会随文档滚动

 >>inherit:继承父类的属性

2. CSS文本:

(1)text-align:水平对齐。值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

(2)text-decoration:文本装饰。

 >>underline 会对元素加下划线,就像 HTML 中的 U 元素一样

 >>overline 的作用恰好相反,会在文本的顶端画一个上划线

 >> line-through 则在文本中间画一个贯穿线

 >>blink 会让文本闪烁

(3)text-indent:缩进文本。把 Web 页面上的段落的第一行缩进。

(4)text-shadow:向文本添加一个或多个阴影

(5)text-transform:字符转换。处理文本的大小写。

 >>默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。

 >>uppercase 和 lowercase 将文本转换为全大写和全小写字符

 >>capitalize 只对每个单词的首字母大写。

 (6)word-spacing:字间隔。可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

 (7)letter-spacing:字母间隔。修改的是字符或字母之间的间隔

 (8)line-height:设置行间的距离(行高)

3. CSS字体:

  (1)font

  (2)font-family:定义文本的字体系列

  (3)font-size:设置文本的大小

  (4)font-size-adjust:当首选字体不可用时,对替换字体进行智能缩放

  (5)font-stretch:对字体进行水平拉伸

  (6)font-sytle:最常用于规定斜体文本

         normal - 文本正常显示     italic - 文本斜体显示     oblique - 文本倾斜显示

  (7)font-variant:设定小型大写字母

  (8)font-weight:设置文本的粗细

4. CSS链接

  (1)a:link - 普通的、未被访问的链接

  (2)a:visited - 用户已访问的链接

  (3)a:hover - 鼠标指针位于链接的上方

      (4)a:active - 链接被点击的时刻

5. CSS列表

  (1)list-style:

  (2)list-style-image:将图象设置为列表项标志。

  (3)list-style-position:设置列表中列表项标志的位置。

  (4)list-style-type:设置列表项标志的类型。

6. CSS表格

  (1)border-collapse:设置是否把表格边框设置为单一边框

  (2)border-spacing:设置分隔单元格边框的距离

  (3)caption-side:设置表格标题的位置

  (4)empty-cells:设置是否显示表格中的空单元格

  (5)text-align:设置水平对齐方式,比如左对齐、右对齐或者居中

  (6)vertical-align:设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐

 

转载于:https://www.cnblogs.com/mmmaolj/p/5915836.html

你可能感兴趣的文章
用TMG搭建×××服务器(四)---基于PPTP的站点到站点×××
查看>>
datatables表头与数据无法对齐的解决方案
查看>>
Cisco 路由器 secondary address实现RIPV1不连续子网
查看>>
每天一个linux命令(14):head 命令
查看>>
通过 Apache 配置 Rewrite 支持 .htaccess
查看>>
如何从硬盘安装WIN7原版镜像?
查看>>
ceph学习笔记之六 数据读写过程
查看>>
为UC做准备:准备Exchange 2010的先决条件
查看>>
Eclipse快捷键大全(转载)
查看>>
weblogic启动脚本
查看>>
cPanel推出测试免费试用
查看>>
Wireshark的https代理抓包(whistle中间人代理)
查看>>
redhat下安装Wineqq2012
查看>>
linux下配置pptp 客户端
查看>>
java发送短信至手机
查看>>
linux系统开机流程
查看>>
rsyslog+loganalyzer+evtsys搭建集中式监控系统
查看>>
JDBC简单介绍一
查看>>
关于对象的自我赋值行为
查看>>
6.5版 Samba服务器搭建
查看>>