博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css
阅读量:6149 次
发布时间:2019-06-21

本文共 1025 字,大约阅读时间需要 3 分钟。

1、传统html的缺陷

一行一行的进行修改

2、css的好处

head中有一个style

h2{

  // font-f

}

3、css如何控制页面

1)行内样式

2)内嵌式

<style type="text/css">

<!--
p{
color:#FF33CC;
text-decoration:underline;
font-style:italic;
font-size:28px;
}
-->
</style>
</head>
<body>
<p>紫红色、斜体、下划线、28px的效果1</p>
<p>紫红色、斜体、下划线、28px的效果2</p>
<p>紫红色、斜体、下划线、28px的效果3</p>
<p>紫红色、斜体、下划线、28px的效果4</p>
</body>

3)链接式

<link href="1.css" type="text/css" rel="stylesheet">

4)导入式

<style type="text/css">

<!--
@import url(1.css);
-->
</style>

css选择器

1)标记选择器

2)类别选择器

    

class类别选择器1

class类别选择器2

class类别选择器3

h3同样适用

3)id选择器

    

ID选择器使用1

ID选择器使用2

ID选择器使用3

************************************

1)选择器的集体声明

    

选择器集体声明h1

选择器集体声明h2

选择器集体声明h3

选择器选择器集体声明h4

集体声明h5

选择器集体声明p1

选择器集体声明p2

选择器集体声明p3

2)选择器的嵌套声明

    

选择器嵌套使用CSS标记的方法

选择器嵌套之外的标记并不生效

3)子选择器

 

 

 

 

 

转载于:https://www.cnblogs.com/flashweb/archive/2013/01/26/2878101.html

你可能感兴趣的文章
Sentinel 1.5.0 正式发布,引入 Reactive 支持
查看>>
数据库之MySQL
查看>>
2019/1/15 批量删除数据库相关数据
查看>>
数据类型的一些方法
查看>>
Mindjet MindManager 2019使用教程:
查看>>
游戏设计的基本构成要素有哪些?
查看>>
详解 CSS 绝对定位
查看>>
AOP
查看>>
我的友情链接
查看>>
NGUI Label Color Code
查看>>
.NET Core微服务之基于Polly+AspectCore实现熔断与降级机制
查看>>
vue组件开发练习--焦点图切换
查看>>
浅谈OSI七层模型
查看>>
Webpack 2 中一些常见的优化措施
查看>>
移动端响应式
查看>>
python实现牛顿法求解求解最小值(包括拟牛顿法)【最优化课程笔记】
查看>>
js中var、let、const的区别
查看>>
腾讯云加入LoRa联盟成为发起成员,加速推动物联网到智联网的进化
查看>>
从Python2到Python3:超百万行代码迁移实践
查看>>
Windows Server已可安装Docker,Azure开始支持Mesosphere
查看>>