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

本文共 605 字,大约阅读时间需要 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-音视频播放

发表评论

最新留言

表示我来过!
[***.240.166.169]2024年03月04日 14时29分29秒

关于作者

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

推荐文章

python宽度_在Python中对齐框架宽度 2019-04-21
php mysql innodb_PHP开发必用的mysql那么你知道Mysql中MyISAM和InnoDB的区别吗? 2019-04-21
复制关联表mysql_mysql关联表的复制 2019-04-21
mysql男女字段应该建立索引吗_那些字段适不适合建索引? 2019-04-21
安装mysql最后一步密码_MySQL安装最后一步无响应解决方法 2019-04-21
mysql modify语句格式_40条MySQL数据库语句格式 2019-04-21
mysql忽略大小写jpa解决_JPA 大小写敏感问题 2019-04-21
MySQL5.7 固态盘性能设置_MySQL 5.7 安装完成后,立即要调整的性能选项 2019-04-21
idea java web mysql_解决idea中javaweb的mysql8.0.15配置问题 2019-04-21
mysql.net 环境配置_windows环境下下安装配置mysql5.7.24 2019-04-21
servlet对象是在服务器端还是在客户端被创建?_Servlet编程之会话管理 2019-04-21
sqoop mysql hadoop_如何将mysql数据导入Hadoop之Sqoop安装 2019-04-21
webpack卸载_webpack的安装 2019-04-21
mysql主库线程_MySQL 主从扩展--主库的线程状态 2019-04-21
phpmyadmin管理mysql_LAMP实验二:使用phpMyAdmin管理MySQL 2019-04-21
mysql一秒最多写多少次_Mysql的两种“超过多少次”写法(力扣596) 2019-04-21
mysql el函数_MySQL中的常用函数 2019-04-21
mysql 备份 晓燕_mysql字符串函数 2019-04-21
mysql返回第n个值_获取mysql一组数据中的第N大的值 2019-04-21
java 获取请求的路径_JavaWeb-request获取请求路径的相关方法 2019-04-21