css-01
2015-07-30 11:49
543 查看
1.CSS:级联样式表,设置页面的样式
2.css基本的语法:
属性:值;
3.CSS的引入
|-1.元素内容的引入:内联样式
<元素名 style="属性:值;...." >标签体</元素名>
|-2.在head标签中通过:内部样式
<style type="text/css">
css的定义
</style>
4.CSS的选择器
|-元素选择器(标签选择器):获得所有指定的标签
标签名{
属性名:属性值;
....
属性名:属性值
}
|-id选择器:根据元素的id值获得指定的元素
#id值{
属性名:属性值;
....
属性名:属性值
}
w3c建议:一个合格的html页面中id值是唯一的,组成由字母+数字组成
|-类选择器:根据元素的class值获得指定的元素
.class值{
属性名:属性值;
....
属性名:属性值
}
基本选择器的优先级:
id选择器>类选择器>标签选择器
*{ /* 表示选择所有的元素 */
padding:0px;
margin:0px;
}
派生选择器
2.css基本的语法:
属性:值;
3.CSS的引入
|-1.元素内容的引入:内联样式
<元素名 style="属性:值;...." >标签体</元素名>
|-2.在head标签中通过:内部样式
<style type="text/css">
css的定义
</style>
4.CSS的选择器
|-元素选择器(标签选择器):获得所有指定的标签
标签名{
属性名:属性值;
....
属性名:属性值
}
|-id选择器:根据元素的id值获得指定的元素
#id值{
属性名:属性值;
....
属性名:属性值
}
w3c建议:一个合格的html页面中id值是唯一的,组成由字母+数字组成
|-类选择器:根据元素的class值获得指定的元素
.class值{
属性名:属性值;
....
属性名:属性值
}
基本选择器的优先级:
id选择器>类选择器>标签选择器
*{ /* 表示选择所有的元素 */
padding:0px;
margin:0px;
}
派生选择器
相关文章推荐
- MVC项目发布IIS CSS无法加载
- css的#和.的区别
- tshop-pbsm-shop-nav-ch结构和样式分析
- CSS+DIV布局
- css盒子模型 css margin 外边框合并
- CSS3属性box-shadow使用教程
- float闭合(清除浮动)和CSS HACK
- html及css学习笔记_3_html文档格式标记与文本标记
- css选择器和标签的权值
- CSS注释的一些高级用法
- YaHoo 初始化css代码+IE常见兼容问题汇总
- Spinner下拉框使用方式总结(样式设计)
- CSS基础-简单demo
- Input标签和图片按钮水平对其
- 修改文件上传默认样式
- 修改文件上传默认样式
- 修改文件上传默认样式
- 修改文件上传默认样式
- 修改文件上传默认样式
- 使用button标签让文字垂直水平居中