css笔记1
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css笔记1,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1741字,纯文字阅读大概需要3分钟。
内容图文
![css笔记1](/upload/InfoBanner/zyjiaocheng/1277/dbabb13e85e3482fbc15da01efeec25e.jpg)
<body style="background-color(背景颜色):rgba(255,0,0,0)红;
background-image(背景加图片):url(图片地址);
background-repeat(背景重复):no-repeat;
background-position(背景位置):100px 1080px;
background-attachment(背景附加):fixed(固定);
<p style="color:red">红色</p>
<p style="test-indent:2em(当前字母的倍数);
font-family(字体类别):serif;
font-style(字体斜体):italic(斜的);
font-variant: small-caps(小的大写字母);
font-weight(字体加粗):bold;
font-size(字体变大):2em;
font-shadow(字体阴影):3px(X轴延伸3个点) 5px(Y轴延伸5个点) 5px(范围) rgba(0,255,0,0.5)">
line-height设定行距</p>
font:style weight size height famiy(按照顺序)
list-style-type:squsre(产生带有正方形项目的列表)
<table style="border:1px solid(实线) blue;
border-collapse:collapse;(两条框线合并)">
margin(边距) padding(定义元素内容与边框间的空间,不可使用负值)
定位:相对定位,绝对定位,浮动定位
<style="position(定位属性):relative(偏移);left:-20px; bottom:-20px;
style=position:absolute(绝对); left:-20px;bottom:-20px;">
<img src="xx.jpg" width=200 style="float:right"></img>
样式选择器
<head>
...
<style>
p,th,td {border:1px solid blue}
p {background-color:red}
*.important {color:green}(*代表所有important)
*[title]{color:gray}
a:link(未访问过的颜色)
a:visited(访问过的超链颜色){color:#000000}
a:hover(鼠标指上去的颜色)
a:active(鼠标点击的颜色)
</style>
</head>
<body>
<a href="http//news.163.com">网易新闻</a>
<style>
.divcss5{text-decoration:underline} /* underline下划线 */
.divcss5_1{text-decoration:line-through} /* line-through删除线贯穿线 */
.divcss5_2{text-decoration:overline} /* overline上划线 */
</style>
</body>
border(边框)
transparent透明的 overflow: hidden;(隐藏浮动) text-indent(文字缩进) text-align(垂直居中)
letter-spacing(字符距离)
background-image:url(xx.jpg)(添加背景图片)
background-repeat:(背景重复)fixed(固定)
background-position:(通过设定x和y轴的像素在一张大的画布中显示出需要的图标)
原文:http://www.cnblogs.com/nieying/p/5611625.html
内容总结
以上是互联网集市为您收集整理的css笔记1全部内容,希望文章能够帮你解决css笔记1所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。