Html(6)CSS样式写的位置

CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。


内联式:

<p style=“color:red">这里文字是红色。</p>

直接在项目后面写style=“”里面的样式要用;隔开

<p style="color:red;font-size:12px">这里文字是红色。</p>

嵌入式:

<style type="text/css">

span{

   color:red;

}

</style>

可以理解为将样式单独提取出来,统一命名、定义。


外部式:

把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内。

<link href="base.css" rel="stylesheet" type="text/css" />

rel="stylesheet" type=“text/css”是固定写法,不能改变。

总结来说,就是—就近原则(离被设置元素越近优先级别越高) ,一般来说是 内联式 > 嵌入式 > 外部式。


http://www.imooc.com  一直在慕课网学习,感觉不错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTML的table标签中,可以使用CSS样式来美化表格的外观。以下是一些常用的CSS样式属性和值,可以应用于table标签: 1. border-collapse:设置表格边框的合并方式。常用值有: - collapse:相邻单元格的边框会合并为一个单一的边框(默认值)。 - separate:相邻单元格的边框会保持独立。 2. border-spacing:设置相邻单元格之间的间距。常用值有: - 像素值:例如 "5px",表示相邻单元格之间的间距为5像素。 - 百分比值:例如 "10%",表示相邻单元格之间的间距为单元格宽度的10%。 3. width:设置表格的宽度。常用值有: - 像素值:例如 "500px",表示表格的宽度为500像素。 - 百分比值:例如 "80%",表示表格的宽度为父容器宽度的80%。 4. background-color:设置表格的背景颜色。常用值有颜色名称或十六进制颜色码。 5. text-align:设置表格内容的水平对齐方式。常用值有: - left:左对齐。 - center:居中对齐。 - right:右对齐。 6. vertical-align:设置表格内容的垂直对齐方式。常用值有: - top:顶部对齐。 - middle:居中对齐。 - bottom:底部对齐。 7. font-size:设置表格内容的字体大小。常用值有: - 像素值:例如 "14px",表示字体大小为14像素。 - 百分比值:例如 "120%",表示字体大小为默认大小的120%。 这些是一些常用的CSS样式属性和值,可以根据需要进行组合和调整,以实现不同的表格样式效果。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

limaning

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值