java_html笔记

  1. 颜色
    • color
  2. 字体大小
	1. 数值+单位
	2. 关键字

- px
- em
  1. 字体（可以写多个，但 不是全都生效 只生效存在的 如果全都不存在 则使用默认字体）
    • font-family:"abc cde",'123','宋体'；
  2. 字体粗细
    • 属性 font-weight:
      • 取值
        • bold 加粗
        • 100-900
  3. 倾斜 font-style
    • italic
  4. 文本阴影 text-shadow: 1px 2px 3px red;
属性 含义
h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊的距离。
color 可选。阴影的颜色。参阅 CSS 颜色值。 
		<style>
			span{
				color: red;
				/* font-size: 30px; */
				font-size: xx-small;
			}
			p{
				font-size: x-small;
				font-family: '字体','宋体';
				text-shadow: 1px 2px 3px red;
			}
			div{
				width: 100px;
				height: 100px;
				border: 1px solid black;
				/* text-align: center; */
				line-height: 100px;
				/* 首行缩进 */
				text-indent: 2em;
			}
			div a{
				/* 文本修饰 */
				/* text-decoration: none; */
				/* 顶部 */
				/* text-decoration: overline; */
				/* 删除线 */
				text-decoration: line-through;
				/* 下滑线 */
				/* text-decoration: underline; */
			}
		</style>
	<body>
		<span>
			1234567,abcdefg;
		</span>
		<p>1234567,abcdefg;</p>

		<div><a href="#">baidu.com</a></div>
	</body>
  1. 文本对齐
    • 属性 text-align
    • 取值 left/center/right
  2. 行高
    • 属性 line_height
    • 取值 数值+单位
  3. 首行缩进
    • text-indent
    • 取值 数值+单位
  4. 文本修饰
    • 属性 text-decoration
    • 取值
      • overline
      • none
      • line-through 删除线
      • underline
posted @ 2023-02-07 18:01  rainsc  阅读(22)  评论(0)  编辑  收藏  举报