7-2嵌入式css样式,写在当前的文件中
2016-06-19 15:00
295 查看
现在有一任务,把右侧编辑器中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句),本小节讲解一种新的方法嵌入式css样式来实现这个任务。
嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色:
嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色:
<style type="text/css"> span{ color:red; } </style>
嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
相关文章推荐
- 7-1内联式css样式,直接写在现有的HTML标签中
- 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体验优化之图片容器设置宽高比