博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS的初了解(更新中···)
阅读量:5878 次
发布时间:2019-06-19

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

在前面,我们学习了html的结构、基本骨架、起名方式和选择器,接下来,我们就要学习CSS了。

首先,我们要知道CSS是什么。

CSS 全称叫层叠样式表,作用是给html添加样式style,添加属性。

在网页中(或者说在html)中如何嵌套style?

我们先来学三种嵌套样式:

1.行间样式 将style当属性写在标签内,权重为1000

如:

2.行内样式 将style当标签写在head之间

如:

 (前面不知道style写在哪里的看看这两张图片,现在知道写在哪了吧)

3.把style当作css文件来用。俗称:外部引入

首先要新建一个css文件,选择内容,再直接写属性和属性值

如:在新建的css文件中直接写

p{

  color:blue;

}

最后,也是最关键的一步,不要忘了引入

引入代码

其中的./01.css是路径,根据自己的路径更改

 

CSS的三种引入方式

行间样式把style当做属性使用,键值对在属性值中该怎么用就怎样用,行内把style当做标签使用 键值对还是老样子,外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

同时:浏览器对三种引入方式的选择关系是:  行间>行内>外部引入

(键值对就是 属性:属性值;也就是CSS的结构) 

 

转载于:https://www.cnblogs.com/zff123/p/9629116.html

你可能感兴趣的文章
关于Microsoft CRM 2013自动保存Autosave功能的10点说明
查看>>
分页-Page
查看>>
Yii2 自定义独立验证器
查看>>
php 利用socket发送GET,POST请求
查看>>
iPhone/android的viewport 禁止页面自动缩放
查看>>
Redis集群~StackExchange.redis连接Sentinel服务器并订阅相关事件(原创)
查看>>
数据搬运工DSS~介绍
查看>>
大叔推荐博客索引
查看>>
EF架构~一个规范,两个实现(续)~性能可以接受的批量增删改操作
查看>>
为TextBox装饰水印
查看>>
ES6 箭头函数易出错细节
查看>>
[leetcode]143. Reorder List
查看>>
逆波兰表达式
查看>>
PID参数调整的口诀
查看>>
第二个冲刺期的第九天
查看>>
jxl最全使用方法
查看>>
linux-镜像下载
查看>>
CURL访问举例
查看>>
Vue 全选/取消全选,反选/取消反选
查看>>
thinkphp实现导航高亮的简单方法
查看>>