7-1内联式css样式,直接写在现有的HTML标签中
2016-06-19 14:58
316 查看
CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。
注意要写在元素的开始标签里,下面这种写法是错误的:
并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:
内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:
<p style="color:red">这里文字是红色。</p>
注意要写在元素的开始标签里,下面这种写法是错误的:
<p>这里文字是红色。</p style="color:red">
并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:
<p style="color:red[code];font-size:12px">这里文字是红色。</p>[/code]
相关文章推荐
- css文字分散对齐
- 6-3CSS代码语法
- 6-2CSS样式的优势
- 6-1认识CSS样式
- css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记
- Flex 布局教程:实例篇
- Flex 布局教程:语法篇
- CSS margin和padding
- 拥有的50个CSS代码片段(上)
- css3基础、(弹性、响应式)布局注意点
- CSS3变形之transform-origin属性
- 用css样式,为表格加入边框
- CSS入门
- CSS选择器详解
- CSS3变形之3D变形
- CSS基础
- RecyclerView添加多个样式不同的Item布局
- css position属性
- css体验优化之图片容器设置宽高比
- 详解用CSS3制作圆形滚动进度条动画效果