css层叠样式表
来源:互联网 发布:网络教育比函授贵吗 编辑:程序博客网 时间:2024/06/16 22:20
css的三种声明方式
1、行内样式
通过每个标签都有的style属性
<div style="color:red;">黄卫星说没有内容</div>
2、内联样式
通过在head里写style标签,style标签里写样式
<style>
div {
color:gold;
}
</style>
3、外联样式
通过link标签来引入css代码
<link rel="stylesheet" type="text/css" href="1.css" />
优先级:
网页加载顺序决定优先级
就近原则
伪类选择器(要按下面的顺序避免出错)
a:link {
color:red;
}
a:visited {
color:pink;
}
a:hover {
color:black;
}
a:active {
color:blue;
}
属性选择器
input [ type=text ]
单位
px 像素
% 百分比
em 根据父级元素的尺寸
rem 根据html的尺寸,例:2rem;就是两个字体的大小;
vw 窗口宽度的百分比
vh 窗口高度的百分比
【注】css的优先级对比,权重比精确定位更优先;
文本修饰:
text-indent 文本缩进;例子: text-indent:2rem;
text-shadow 文本阴影
text-shadow:10px 10px 10px red;
1、水平偏移量 可以为负
2、垂直偏移量 可以为负
3、阴影模糊值 不可以为负
4、阴影部分颜色
text-overflow 文本超出的显示方式
clip 超出部分截断
ellipsis 超出时显示...
【注】 要想让他生效的话需要设置
overflow:hidden;
white-space:nowrap;
还要给元素设置宽度
line-height 行高 【注意】当行高与元素高度一样时会使文本垂直居中
vertical-align 对齐方式 经常用于设置图片
top 顶端对齐
middle 中间对齐
bottom 底端对齐
背景
background-color 背景颜色
background-image 背景图片 background-image:url(./image/xxxx);
background-attachment 背景图片是否跟着滚动条滚动
fixed 相对于窗口固定 (这个功能好像经常看到)
scroll 随滚动而滚动
background-repeat 背景图片是否平铺
background-position 背景图片定位
left right top bottom 百分比
【注】css的功能真的很强大好用(完)
- 层叠样式表(CSS)
- CSS--层叠样式表
- CSS层叠样式表
- 层叠样式表-css
- CSS-层叠样式表
- CSS(层叠样式表)
- CSS层叠样式表
- css层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- 层叠样式表CSS
- CSS层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- CSS层叠样式表
- android圆环
- POJ
- memcached 的学习
- 函数的可重入和C++中Sendmessage 和 PostMessage 的区别
- 影子寄存器
- css层叠样式表
- 人物名字上莫名有个称号怎么办
- 12000字揭秘阿里连环炮面试
- hdu6052To my boyfriend(子矩阵计数处理)
- 2017 Multi-University Training Contest
- 倒角距离匹配
- google GMS认证和搭建CTS 环境一
- UVALive
- 二级制代码扫描工具