CSS样式基本知识
2015-12-10 22:07
381 查看
从CSS 样式代码插入的形式来看基本可以分为以下3种内联式嵌入式和外部式三种
内联式
嵌入式
外部式
注意要写在元素的开始标签里,下面这种写法是错误的:
并且css样式代码要写在style=”“双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:
内联式
嵌入式
外部式
从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种
内联式
css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p style="color:red">这里文字是红色。</p>
注意要写在元素的开始标签里,下面这种写法是错误的:
<p>这里文字是红色。</p style="color:red">
并且css样式代码要写在style=”“双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:
<p style="color:red;font-size:12px">这里文字是红色。</p>
嵌入式
就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:<style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
外部式
就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在<link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。
相关文章推荐
- CSS3动画效果
- 认识CSS样式
- CSS之拖拽库
- 关于css,js,jQurey的外部引用
- CSS- 横向和纵向时间轴
- CSS---定位
- 史上最全的CSS hack方式一览
- CSS3中新出现的技术
- 【Html】CSS浮动(float,clear)通俗讲解
- w3school的css手册
- retina 图片样式
- css权重及优先级问题
- 当表单自动填充_去除chrome浏览器自动添加的默认样式
- 让字体变的更清晰CSS 中 -webkit-font-smoothing
- CSS - 解决使用浮动,父窗体不能撑高问题
- CSS布局(下)
- CSS布局(上)
- 详解CSS设置默认字体样式
- 【css杂记】css兼容处理杂记 2
- 【css杂记】css兼容处理杂记 2