css基础笔记
2015-09-28 18:00
417 查看
========================================
基本语法
元素{属性:值;}
========================================
派生选择器
元素a 元素b{ }
只有 元素a 中的 b 元素的设置样式
========================================
id选择器
#id名 { }
为标有特定id的元素设置样式
========================================
id选择器 + 派生选择器
#id 元素a { }
对特定的id的元素a设置样式
========================================
类选择器(第一个字符不能是数字)
. className { }
所有拥有className类名的元素设置样式
========================================
类选择器 + 派生选择器
.className 元素a { }
带有className的元素内的元素a设置样式
元素a .className { }
类名为className的元素a设置样式
========================================
属性选择器(只限定了!DOCTYPE支持)
[title] { }
带有title属性的所有元素设置样式
========================================
外部样式表
<link rel="stylesheet", type="text/css" href="mystyle.css"/>
内部样式表
<style type="text/css"> XXX</style>
内联样式
<p style="color:siemna; margin-left:20px">XXX</p>
基本语法
元素{属性:值;}
========================================
派生选择器
元素a 元素b{ }
只有 元素a 中的 b 元素的设置样式
========================================
id选择器
#id名 { }
为标有特定id的元素设置样式
========================================
id选择器 + 派生选择器
#id 元素a { }
对特定的id的元素a设置样式
========================================
类选择器(第一个字符不能是数字)
. className { }
所有拥有className类名的元素设置样式
========================================
类选择器 + 派生选择器
.className 元素a { }
带有className的元素内的元素a设置样式
元素a .className { }
类名为className的元素a设置样式
========================================
属性选择器(只限定了!DOCTYPE支持)
[title] { }
带有title属性的所有元素设置样式
========================================
外部样式表
<link rel="stylesheet", type="text/css" href="mystyle.css"/>
内部样式表
<style type="text/css"> XXX</style>
内联样式
<p style="color:siemna; margin-left:20px">XXX</p>
相关文章推荐
- css3 学习
- CSS使用图片美化的漂亮菜单效果
- css实现兼容火狐、IE的LI奇偶行颜色交替方法
- 【CSS】兼容IE6的卡片式布局
- CSS实现自动变为大写的自适应漂亮菜单效果
- CSS加粗知识与案例
- 前端精选文摘:css之BFC 神奇背后的原理(转载)
- css基础---第一篇
- div+css布局自适应小结
- 引入CSS
- CSS图像替换技术的几种方案介绍
- CSS的半透明处理
- 浅谈CSS中overflow清除浮动的用法
- CSS的一些圆角图形实例分享
- js实现分页列表添加样式
- 判断手机旋转代码 屏幕旋转的事件和样式
- CSS的position属性详解
- CSS的定位原理
- CSS3绘制圆角矩形的简单示例
- CSS实现菜单背景自适应宽度的方法