前端学习笔记18-css简介
发布日期:2021-05-04 01:05:34 浏览次数:9 分类:技术文章

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

前端学习笔记18-css简介

开始学css了,激动。

下载css离线文档

这里先再zeal中下载css3的离线文档,下载方法和html一样。

css简介

css是用来设计表现的,前面学的html是设计结构的。
css:层叠样式表。我们看到的网页实际上是有很多层的立体图,我们只是看到了最上面的一层而已。css可以用来设计网页中元素的样式。

修改元素样式

方式一

用标签内用style属性设置元素的样式
看代码,把字变红和设置字体大小

   
    



Document

少小离家老大回,乡音无改鬓毛衰


少小离家老大回,乡音无改鬓毛衰


少小离家老大回,乡音无改鬓毛衰

效果:

在这里插入图片描述

方式二

方式一是内联样式,不推荐,因为它只设置一个p标签里的内容,这里介绍方式二。
将样式编写到head中的style标签里,直接看代码。

   
    



Document
 

少小离家老大回,乡音无改鬓毛衰


少小离家老大回,乡音无改鬓毛衰

在这里插入图片描述

方式三

方式二维内部样式表,不能跨网页,这里就得用方式三了。
将css样式编写到css文件,然后在head中用link标签来引入外部的css文件。

   

第三种方法还有一个优点:
将样式写到外部CSS文件中可以使用到浏览器的缓存机制,从而加快网页的加载速度,提高用户的体验。

转载地址:https://blog.csdn.net/weixin_45034895/article/details/115919641 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:前端学习笔记19-css基本语法
下一篇:前端学习笔记17-音视频播放

发表评论

最新留言

关注你微信了!
[***.90.177.211]2022年08月15日 09时21分12秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章

php实现mysql数据的增删改查代码 2019-11-28 02:37:24
两栈实现队列 2019-11-28 02:37:25
m选n组合问题 2019-11-28 02:37:25
换空格问题 2019-11-28 02:37:25
Torch CmdLine 2019-11-28 02:37:22
Torch dp package 2019-11-28 02:37:22
YOLO 配置,测试与训练 2019-11-28 02:37:23
OpenCV 窗口显示多幅图片 2019-11-28 02:37:23
Ubuntu 远程操作 2019-11-28 02:37:23
Ubuntu双系统安装 傻瓜式 2019-11-28 02:37:23
ubuntu 安装中文输入法 中文乱码 2019-11-28 02:37:23
OPENCV学习笔记 - Harris Corner Detection (角点检测) 2019-11-28 02:37:20
OPENCV学习笔记 - SIFT 尺度不变特征变换 Python 2019-11-28 02:37:21
Coursera_吴恩达MachineLearning Week5_反向传播算法笔记 2019-11-28 02:37:21
ubuntu 安装PCL point cloud library 2019-11-28 02:37:21
python 类属性 2019-11-28 02:37:21
py-faster-rcnn 文件结构 2019-11-28 02:37:22
Torch 完美安装 2019-11-28 02:37:22
FFmpeg与MediaCodec 简单总结 2019-11-28 02:37:19
JNI抛出异常 2019-11-28 02:37:19