CSS

<!-- 常见的块级元素有h1~h6 div p ul ol li -->
<!--
    块级元素的属性
        1,总是从新行开始
        2,高度,行高,外边距和内边距都可以控制
        3,默认宽度是容器的100%
        4,可以容纳 内联元素(行内元素) 和其他 块元素

    ps:只有 文字才 能组成段落  因此 p  里面不能放块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。
-->
<!--
    行内元素,也称内联元素 不占有独立的区域,紧紧靠自身的字体大小和图像尺寸来支撑结构,
    一般不可以设置宽度,高度,对齐等属性,常用于控制页面中的文本的样式
    常见的行内元素<a> <strong> <b> <em> <i> <del> <span>
    <i> <em> 斜体
    它的特点
        1,和相邻行内元素在一行上
        2,高,宽无效,但水平方向的padding和margin可以设置,垂直方向的无效
        3,默认的宽度就是它本身内容的宽度
        4,行内元素只能容纳文本或者其他行内元素
   ps: 链接里面不能再放链接。
-->
<!--
    行内块 可以对它们设置宽高和对齐属性
    <img> <input> <td>
    它的特点
    1,和相邻行内或者行内块元素在一行上,之间会有空白缝隙
    2,默认宽度就是它本身内容的宽度
    3,高度,行高,外边距和内边距都能控制

    块转行内:display:inline;

    行内转块:display:block;

    块、行内元素转换为行内块: display: inline-block;
-->
瞄点定位
</head>
<body>
<a href="#dingwei">去哪里</a>
<hr>
<div id="head">走你</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id="dingwei">少时诵诗书所所所所所所所所所所所所么意思
    答:字体的高度 一般用来设置字体上下居中用的
    2011-08-21 回答者: 紫气伏地 2个回答 1
    css行高元素的高(不确定,百分比)
    问:我想让文字上下居中,做法常用的就是行高等于高,这我知道,可是我元素容器...
    答:首先行高百分比的书写,百分比是针对字体大小进行设置的,也就是说如果你的文字大小为20px,那么100%就是20px,这个和你的需求不符合 其次,CSS当中也不能写成height/2的样子 那么,两种方案能够解决这个问题 1 改变标签的默认显示样式,然后使...
    2018-01-26 回答者: ice__swan 2个回答 2
    css中line-height行高具体指的是哪里的高度
    答:一般是容器里面的一段文字,上下行之间的高度,第1行文字顶部到第2行文字的顶部高度,为行高。
    2016-07-25 回答者: wzw1021 3个回答 5
    CSS为什么行高line-height与文字高度height设为一...
    答:line-height行高是包含了文字的高度在内的,而height并非是文字的高度,而是文字所在标签的高度 行高举例的话,假如行高设为30px,那么就是文字中心点距上或者距下各为15px,所以行高与标签的高度一样的时候就垂直居中了
    2017-09-18 回答者: lp52761 5个回答 42
    css 文字默认的行高是多少?
    答:看文字大小吧。默认字体大小是12px ,行高18px !如果你改变了字体大小,那行高自然就变化了! 望采纳</p>
<a href="#head">回去</a>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
06-02
CSS(Cascading Style Sheets)是一种用于描述网页样式和排版的语言。通过 CSS,我们可以将网页内容和样式分离开来,从而使得网页的结构和样式更加清晰易于维护。 CSS 由三个部分组成: 1. 选择器(Selector):用于指定要应用样式的 HTML 元素。 2. 属性(Property):用于指定要修改的样式属性,例如颜色、大小、边框等。 3. 值(Value):用于指定修改后的样式属性值,例如红色、16 像素、实线边框等。 CSS 的样式可以写在 HTML 文档的 `<head>` 标签中,也可以单独存储在一个 CSS 文件中,并通过 `<link>` 标签引用。例如: ```html <!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>Welcome to my website!</h1> <p>This is a paragraph.</p> </body> </html> ``` 上述代码中,我们通过 `<link>` 标签引用了一个名为 `styles.css` 的外部样式表文件。该文件中可以包含一系列 CSS 样式,例如: ```css h1 { color: red; font-size: 24px; } p { color: blue; font-size: 16px; } ``` 上述代码中,我们定义了两个样式,一个用于 `<h1>` 标签,一个用于 `<p>` 标签。其中,`color` 属性用于设置文字颜色,`font-size` 属性用于设置文字大小。 这样,当用户访问我们的网页时,浏览器会自动加载 `styles.css` 文件,并将其中的样式应用到网页中的相应元素上。这样,我们就可以通过 CSS 来控制网页的样式和排版。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值