关闭

HTML5-CSS3

标签: html5css3cssweb前端html
95人阅读 评论(0) 收藏 举报
分类:

css3学习笔记

CSS(Cascading Style Sheets)是一个非常灵活的工具,使我们不必把复杂的样式定义编写在HTML文档结构中,
而是把有关样式文档的内容脱离出来,可以在行内、标题、或作为外部样式提供给HTML引用。

CSS样式的规则:
选择符{属性:值;}
单一的选择符的复合样式声明应该用分号分开:
选择符{
属性1:值1;
属性2:值2;
}

通常使用CSS样式的3种方法
 一、内联样式,写在元素标签内:
<p style ="color:red">hello</p>
二、内部样式,可以抒写在HTML文档的任意位置,一般建议写在<head>标签中:
<style type="text/css">
body{
background-color:red;
}
p{
margin-left:20px;
}
</style>
三、外部样式表,在<head>标签中引用单独的css样式文件:
<link rel="stylesheet"  type="text/css" href="mystyle.css">

1.css背景:
css允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果
属性 描述 
background-attachment  设置背景图片是否固定或者随着页面的其他部分滚动
background-color  设置元素背景颜色 
background-image  设置背景图片
background-repent  设置背景图片是否重复及如何重复  
background-size  设置背景图片的尺寸
background-origin  设置背景图片的定位区域
background-clip  设置背景的绘制区域 

2.css文本:
css文本可定义文本外观,通过文本属性,可以轻松的改变笨的颜色、字符间距、文本对齐、装饰文本,对文本缩进
描述 属性
color  设置文本颜色
direction  设置文本方向   
line-height  设置行高
letter-spacing  设置字符间距 
text-align  对齐元素中的文本                     
text-decoration  添加文本修饰
text-indent  缩进元素中文本的首行
text-transform  设置元素中的字母的大小写方式 
unicode-bidi  设置文本的方向
white-space  设置元素中空白文本的处理方式
word-spacing  设置字符间距

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:999次
    • 积分:142
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类