学习Java的第四天

最新推荐文章于 2024-07-08 22:53:25 发布

Stephenjlq

最新推荐文章于 2024-07-08 22:53:25 发布

阅读量156

点赞数

本文链接：https://blog.csdn.net/Stephenjlq/article/details/80378852

版权

Css属性

1. Background-color 背景颜色可采用#FFFFFF（十六进制），RGB，还有颜色单词

2. Background-image：url （”图片”）；

3. Background-repeat：图片重复;no-repeat:不重复；repeat-x,repeat-y:水平或垂直重复

4. Background-attachment:fixed(固定);scroll()

5. background-position: left(水平) top(垂直);

6. 水平：left center right；垂直：top middle bottom 【center代表居中】

7. 简写方法：background:#000url(xxx.gif/jpg/png) repeat fixed left top; background:url("google.jpg") no-repeat scroll bottom;

字体属性

1. 大小：<fontsize></font> 单位：px,pd

2. 样式：font-style: oblique;(偏斜体) 、italic;(斜体) 、normal;(正常)

3. 行高：line-height: normal;(正常) 单位：PX、PD、EM；

4. 【组合在一起，实现文本垂直居中】height: 40px;/*测试attachment是请务必修改高度*/line-height: 40px;

5. 粗细：font-weight: bold;(粗体) 、lighter;(细体) 、normal;(正常)

6. 变体：font-variant: small-caps;(小型大写字母) 、normal;(正常)

7. 大小写：text-transform:capitalize;(首字母大写) 、uppercase;(大写) 、lowercase;(小写) 、none;(无)

8. 修饰：text-decoration: underline;(下划线) 、overline;(上划线) 、line-through;(删除线) 、blink;(闪烁)

9. 常用字体：(font-family)：“Courier New”, Courier, monospace, “Times New Roman”, Times, serif,Arial, Helvetica, sans-serif, Verdana

区块属性

1. 字间距：letter-spacing: normal; 数值

2. 对齐：text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)

3. 缩进：text-indent: 数值px;text-indent: 2em; text-indent: 20px;

4. 垂直对齐：vertical-align: baseline;(基线) sub;(下标) super;(上标)top; text-top; middle; bottom; text-bottom;

5. 词间距：word-spacing: normal; 数值

6. 空格：white-space: pre;(保留) nowrap;(不换行)--<pre></pre>

7. 显示：display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table;table-raw-group; table-header-group; table-footer-group; table-raw;table-column-group; table-column; table-cell; table-caption;(表格标题)；

方框属性

1. width:; height:; float:;clear:both; margin:; padding:;顺序：上右下左；

边框属性

2. border-style: dotted;(点线) dashed;(虚线) solid(实线); double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;

3. border-width:; 边框宽度

4. border-color:#;

5. 简写方法：border：width style color;

6. Border:1px solid red

列表属性

1. 类型：list-style-type:disc;(圆点) 、circle;(圆圈) 、square;(方块) 、decimal;(数字) 、lower-roman;(小罗码数字) upper-roman; (大罗马数字) 、lower-alpha; (小写英文字母)、upper-alpha; (大写英文字母)

2. 位置：list-style-position:outside;(外) inside;