层叠样式表/CSS

最新推荐文章于 2024-01-09 20:49:39 发布

Listener丶

最新推荐文章于 2024-01-09 20:49:39 发布

阅读量418

点赞数

分类专栏： html框架文章标签： css

本文链接：https://blog.csdn.net/Listner/article/details/104050612

版权

5 篇文章 1 订阅

订阅专栏

css（层叠样式表）：用于改变元素在页面中的显示样式，使用时通过前文html标签中的标签选择器选择所需要的改变的标签编辑样式即可

1. 行间样式： 修改少数样式使用，书写在索要修改的标签后

<标签名 style = " 修改样式 ">

2. 内联样式： 开发小型项目时使用，书写在<head>中

<head>
	<style>
	修改样式
	</style>
</head>

3.外部样式

<link rel="stylesheet" type="text/css" href="css文件地址">

!important:仅作用于一行，设置该属性为最高优先级

其作用相当于script中的onmousedown，鼠标移入时触发指定样式，移出回到初始样式

元素:hover{
	指定样式
	}

背景图平铺：repeat/background-repeat：
- repeat 图像平铺
- no-repeat 不平铺
- repect-X 仅X轴平铺
- repect-Y 仅Y轴平铺
背景图位置：position/background-position：
添加坐标

列表标记样式：list-style：
- circle 空心圆
- square 实心方块
- upper-roman 罗马数字
- lower-alpha 英文字母
- none 无标记
列表项目标记位置：list-style-position:
- inside标记放在文本内，且环绕文本根据标记对齐
- outside标记放在文本外且环绕文本，不根据标记对齐
l列表项目标记图像list-style-image
- url（图像路径）
- none 无图像显示（默认）