html,css 知识汇总
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<style type="text/css">
div{color:red;}
.lv{color:black;}
#fa span{color:blue;}
#fa,.lv,span{color:red;}
div{color:red;}
p{color:red;}
body{
font-family:Arial;
font-size:12px;
font-weight:normal,lighter,bold,bolder;
/*color:red,gray,orange;*/
text-indent:
}
p{
font-size:20px;
text-indent:20px;
}
#p1{
text-align:left; /*文本水平对齐和图片水平对齐*/
}
#p2{
text-decoration:line-through
}
#p3{
text-transform:uppercase,lowercase,capitalize
}
#p4{
line-height:20px;
letter-spacing:3px;
}
#p5{
word-spacing;20px;
}
#div4{
vertical-align:middle,top,bottom,baseline
}
#tb1{
border-style:none,dashed,solid;
}
img{
float:left;
}
a{
a{text-decoration:none;}
a:link{color:red;}
a:visited{color:purple;}
a:hover{color:yellow;}
a:active{color:blue;}
/*a:link 定义a元素未访问时的样式
a:visited 定义a元素访问后的样式
a:hover 定义鼠标经过a元素时的样式
a:active 定义鼠标点击激活时的样式
content 内容,可以是文本或图片
padding 内边距,用于定义内容与边框之间的距离
margin 外边距,用于定义当前元素与其他元素之间的距离
border 边框,用于定义元素的边框 绿叶学习网
position属性取值
属性值 说明
fixed 固定定位
relative 相对定位
absolute 绝对定位
static 静态定位(默认值)
position: fixed;
top: 像素值;
bottom: 像素值;
left: 像素值;
right: 像素值;
*/
}
ul{
list-style-image:url{img/leaf.png;}
}
table{
caption-side:top;
border-collapse:collapse,separate;
bordet-spacing:0px;
}
#div1{
}
.classdiv{
}
</style>
</head>
<body>
<div style="color:red;">bbb</div>
<div class="lv">aaa</div>
<div id="fa">
<span>aa</span>
</div>
</body>
</html>
相关文章
- 【Vue】Vue中的data数据包含html标签元素的解决方法
- 【Html】新手学习Html+Css的入门知识要点(内部使用)
- 炫酷登录注册 完整功能版【本地存储+JS+HTML+CSS+jQuery】
- 3天学会css视频_PHP初级 CSS教程_CSS入门教程
- 【前端学习之HTML&CSS】-- CSS第九篇 -- 多种多样的选择器
- 【前端学习之HTML&CSS】 -- 视觉格式化模型之一 常规流练习
- 【前端学习之HTML&CSS】-- CSS第三篇 -- 选择器(上)
- c#中将HTML文件转换成PDF文件
- Day2:html和css
- HTML-获取/修改html页面标题
- sublime3安装liveload,实现前端自动F5刷新html界面
- 使用 HTML、CSS 和 JavaScript 的实时计算器
- Yep | 李峋爱心代码 python、html+CSS+JavaScript实现
- 有趣的HTML实例(九) 文本变形动画(css+js)
- CSS学习知识整理(六)Css position(定位)、margin 简写
- CSS学习知识整理(四)Css 盒子模型
- CSS学习知识整理(三)Css 文本
- CSS 加粗(css font-weight)