大家好，欢迎来到IT知识分享网。
CSS简介
- CSS指层叠样式表（Cascading Style Sheets），决定HTML元素如何显示。
- 外部样式表（储存在CSS文件中），可以极大提高工作效率
CSS语法
CSS如何通过选择器改变内容样式
id选择器：
<head> <style> #para1//在style中为标签设定属性，用# { text-align:center; color:red; } </style> </head> <body> <p id="para1">Hello World!</p>//在body中使用id选择器 <p id>这个段落不受该样式的影响</p> </body> class选择器：
<head> <style> .center//在style中为标签设定属性，用. { text-align:center; } </style> </head> <body> <h1 class="center">标题居中</h1>//在body中使用class选择器 <p class="center">段落居中。</p> </body> 如何插入样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 样式表以.css文件的形式保存。
<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head> 3.内联样式：
<p style="color:sienna;margin-left:20px">这是一个段落。</p> CSS背景
background-position 设置背景图像的起始位置。
body { background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:right top;//将图片置于页面右上方 margin-right:200px; } background-repeat 设置背景图像是否及如何重复。
//设置图像只在水平方向平铺 <style> body { background-image:url('gradient2.png'); background-repeat:repeat-x;//图像只在水平方向重复 } </style> CSS文本格式
- 文本颜色
- 文本对齐方式
justify英文中有辩护的意思，在这里指的是两端对齐。
h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}//文字宽度可变，始终保持两端对齐 - 文本修饰
h1 {text-decoration:overline;}//上划线 h2 {text-decoration:line-through;}//中间划线 h3 {text-decoration:underline;}//下划线 - 文本转换
用来指定一个文本中的大小写字母。
p.uppercase {text-transform:uppercase;}//大写 p.lowercase {text-transform:lowercase;}//小写 p.capitalize {text-transform:capitalize;}//首字母大写 - 文本缩进
*CSS内部样式表写在style里。
p {text-indent:50px;} 注：本文为菜鸟教程https://www.runoob.com/try/try.php?filename=trycss_font-family学习笔记，侵权删。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/133835.html
