CSS-fishc学习笔记 你的名字 2024-04-19 12:25 47阅读 0赞 1.内联样式:利用style标签,在html内部直接嵌入样式 ![在这里插入图片描述][20190918111523496.png] 2.内部样式表: ![在这里插入图片描述][20190918111625547.png] 3.外部样式表:CSS部分单独保存成.css文件 ![在这里插入图片描述][20190918111832960.png] 注:CSS没有限制空格的使用; CSS对字母大小写不敏感 优先级:内联样式>内部样式表>外部样式表 CSS样式分为五类: 1.通用选择器 " \*":应用于全部元素 2.元素选择器:为单独的元素设置样式 3.类选择器:用class匹配对应元素的样式,CSS中用“.classname”表示。class选择器对应一类元素 4.id选择器:使用id匹配对应元素的样式,id值必须唯一,id选择器对应到唯一的元素,“\#”‘+id选择器 ![在这里插入图片描述][20190919205336763.png] ![在这里插入图片描述][20190919205357938.png] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 1] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 2] ![在这里插入图片描述][20190919212413238.png] ![在这里插入图片描述][2019091921242561.png] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 3] ![在这里插入图片描述][20190919212649388.png]![在这里插入图片描述][20190919212552547.png] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 4]![在这里插入图片描述][20190919212832477.png] ![在这里插入图片描述][2019092012104425.png] 清除浮动: ![在这里插入图片描述][20190920123241550.png] a [20190918111523496.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/c55e1f25b7a741efa722beb887fe799c.png [20190918111625547.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/dcae7554660e49b9a193f00861a4b8c9.png [20190918111832960.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d560f44a62fc47b0827db55f5a9969ce.png [20190919205336763.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/1cda95ac84f34215948c4021edb51775.png [20190919205357938.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/e02dca7cc1c443ecaa93e4bd25f1c0f2.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2e83a9ed9785497cbb7186ace82ef5f5.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/dc30aacaae224a1ab5add7771b9303f0.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2eaff448cc4d45a29ff18ecf43151e84.png [20190919212413238.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/c82337d2e34e46ba81b48b7a37073fb7.png [2019091921242561.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/7f834d13b14e460e9204e05b9824a80a.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/bddf3bec32404f60afbb2490f6e44561.png [20190919212649388.png]: https://img-blog.csdnimg.cn/20190919212649388.png [20190919212552547.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/28a288d02a5047c39ff04028527aab6a.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20190919212711369.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTM3MDc2,size_16,color_FFFFFF,t_70 [20190919212832477.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/133cb1740267419b8834aae3f271558a.png [2019092012104425.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/a609fad2d5e74c47a17efd3e6a71ea4c.png [20190920123241550.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/bc5eee98435a483c8e166a870ce046d6.png
相关 「学习笔记」学习笔记合集 可以点击 [https://www.cnblogs.com/hongzy/tag/%E7%AC%94%E8%AE%B0/][https_www.cnblogs.com_hong 淩亂°似流年/ 2023年06月05日 12:48/ 0 赞/ 20 阅读
相关 学习笔记 学习笔记 sudo adduser lilei sudo usermod -G sudo lilei sudo deluse 客官°小女子只卖身不卖艺/ 2022年11月26日 12:58/ 0 赞/ 27 阅读
相关 学习笔记 \ajax: 1、概念:异步的JavaScript 和 xml 1.1异步和同步:客户端和服务器端相互通信的基础上 \客户端必须等待服务器端的响应。在等待的期间客户 深藏阁楼爱情的钟/ 2022年10月29日 13:24/ 0 赞/ 281 阅读
相关 学习笔记 一. CSS 如何实现文字的垂直居中 1. 二.问题记录 1.创建新的JSP页面的时候报错:The superclass “javax.servlet.http.H 超、凢脫俗/ 2022年08月20日 09:30/ 0 赞/ 144 阅读
相关 【学习笔记】git学习笔记 使用git的好处 可以保存每个版本,只要在每个版本做完后进行上传 ![这里写图片描述][70] 可以异地读取更新 爱被打了一巴掌/ 2022年05月14日 09:10/ 0 赞/ 407 阅读
相关 学习笔记 我的第一天学习c\ 1、c\学习网址 [https://docs.microsoft.com/zh-cn/dotnet/csharp/programming-guide 矫情吗;*/ 2022年05月08日 06:16/ 0 赞/ 326 阅读
相关 学习笔记 测试 ORM JPA EJB JPQL MOM JMS ORM 对象关系映射 英语:Object Relational M 爱被打了一巴掌/ 2022年02月16日 01:57/ 0 赞/ 397 阅读
相关 [笔记] Docker 学习笔记 1. 什么是 Docker > 官方文档:[链接][Link 1],中文文档:[链接][Link 2] Docker 属于 Linux 容器的一种封装,提供简单易用的容 缺乏、安全感/ 2021年11月27日 02:01/ 0 赞/ 592 阅读
相关 学习笔记 1、js如何将136分钟转化为几小时,几分钟 return (Math.floor(minutes/60) + "小时" + (minutes%60) + "分" 爱被打了一巴掌/ 2021年07月25日 23:46/ 0 赞/ 1051 阅读
还没有评论,来说两句吧...