CSS学习笔记一

最新推荐文章于 2024-09-23 15:32:37 发布
最新推荐文章于 2024-09-23 15:32:37 发布
阅读量190 收藏
点赞数
分类专栏： 笔记 文章标签： web html css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Guo1009/article/details/104119072
版权

内联 style 属性
style 标签
外部文件 css link
在这里插入图片描述
CSS专门写样式，进行网页风格设计
HTML专门写标签
在这里插入图片描述

@import url(./xxx)相连文件的绝对路径
在这里插入图片描述M6Ly9ibG9nLmNzZG4ubmV0L0d1bzEwMDk=,size_16,color_FFFFFF,t_70)
float :left 写在浮动元素身上
在这里插入图片描述
style=“list-style: none;” 可以让上面的小圆点消失
在这里插入图片描述
在这里插入图片描述
在css文档中浮动元素的爸爸写上以上内容
在这里插入图片描述
在html文档写上以上内容
就能把头像变到下面来
在这里插入图片描述
外联修改如上
效果比内联看起来整洁
text-decoration: none; 没有下划线
在这里插入图片描述
在这里插入图片描述

Monster1009
关注
专栏目录
我的CSS学习笔记1
08-04
1. **外部样式表**：适用于大型网站，将样式信息放在单独的`.css`文件中，通过`<link>`标签在HTML文档头部引入，修改一个CSS文件即可改变整个网站的样式。 2. **内部样式表**：适用于单个页面的特殊样式，可在HTML...
HTML+CSS学习笔记.zip
01-01
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
css学习笔记1
qq_42236791的博客
12-12 1011
HTML（结构）、CSS（表现）、行为（JavaScript）CSS的全称：层叠样式表（Cascading Style Sheets）。CSS也是一种标记语言，用于给HTML结构设置样式，例如：文字大小、颜色、元素宽高等。简单理解：CSS可以美化HTML，让HTML更漂亮。核心思想：HTML搭建结构，CSS添加样式，实现了：结构与样式的分离。
CSS学习笔记1
mio1012436的博客
12-03 1550
*CSS规则由两个主要的部分构成:选择器以及一条或多条声明。HTML标签,**花括号内是对该对象设置的具体样式。
CSS学习笔记
ts1296797634的博客
09-23 1844
CSS）指的是层叠样式表，可以同时控制多张网页的布局，外部样式表存储在 CSS 文件中，即实现一张HTML页面可切换多个样式。CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。CSS 从 HTML 页面中删除了样式格式！样式定义通常保存在外部 .css 文件中。通过使用外部样式表文件，更改一个文件即可更改整个网站的外观！
CSS入门学习笔记+案例
热门推荐
itboy
06-16 31万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
前端css基础学习笔记
a_big_panda的博客
01-22 1061
例如： 效果：例如：效果：例如：效果：选择页面中对应的标签（找她），方便后续设置样式（改她）例如：效果：例如：效果：注意：一个id选中多个标签也有效果，但不符合规范，规范是一个id选择器只选中一个标签例如：效果：例如：效果：例如：效果：注意点：例如：效果：例如：效果：注意：注意：例如：效果：例如：效果：注意：例如：效果：例如：效果：注意：如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置例如：效果：注意：开发中会使用text-decoration：none；清除a标签默认的下
CSS学习笔记（详细）
jojo_oulaoula的博客
05-13 779
Cascading Style Sheet 级联样式表表现为HTML或XHTML文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定若将HTML比做人的骨架，那么CSS就是皮肤，在骨架的架构上进行修饰美化。CSS文件后缀名就是.css。
CSS 学习笔记
weixin_42098295的博客
05-06 1284
定位（Positioning）：static, relative, absolute, fixed, sticky。组成：内容(content)、内边距(padding)、边框(border)、外边距(margin)。媒体查询（Media Queries）：根据不同的屏幕尺寸或设备特性应用不同的样式。属性选择器：根据元素属性选择，如 [type="text"]。Grid：二维布局模型，提供网格系统，进行更复杂的布局设计。伪元素选择器：如 ::before, ::after。
CSS学习笔记[Web开发]
Jenlibein的博客
07-19 849
CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素。CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。CSS指的是层叠样式表* (CascadingStyleSheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在CSS 文件中***：**也称级联样式表。一张 HTML 页面 可以有 多个样式下面是一张提供了四个不同样式表的 HTML 页面。
CSS学习笔记目录
wz_1992的博客
05-30 533
CSS学习笔记之基础教程（一） CSS学习笔记之基础教程（二） CSS学习笔记之中级教程（一） CSS学习笔记之中级教程（二） CSS学习笔记之中级教程（三） CSS学习笔记之高级教程（一） CSS学习笔记之高级教程（二） CSS学习笔记之高级教程（三） CSS学习笔记之高级教程（四）
html + css 学习笔记整理.zip
最新发布
11-08
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点，包括HTML的基本结构、常用标签及其属性，以及CSS的核心概念如选择器、盒模型、...
css经典学习笔记.zip
11-01
综上所述，《CSS经典学习笔记》旨在提供一个全面的CSS学习路径，无论你是初学者还是有经验的开发者，都能从中受益，提升你的CSS技能和网页设计能力。通过深入实践和不断探索，你会发现CSS不仅可以打造出美观的界面，...
在Vue项目中出现的报错--------npm ERR code 1
Guo1009的博客
03-17 1万+
npm ERR! code 1 npm ERR! path x:\xxxx\node_modules\node-sass npm ERR! com 解决方法如下： 第一步：\color{#FF0000}{第一步：}第一步：npm install -g yarn 全局安装yarn 第二步：\color{#FF0000}{第二步：}第二步：进入C:\Users\qw删除.yarnrc和.npmrc这两个文件 第三步：\color{#FF0000}{第三步：}第三步：删除项目文件夹里的node_module3 第
使用canvas时出现Uncaught TypeError: Cannot read property ‘getContext‘ of null 错误
Guo1009的博客
10-15 1万+
这是因为浏览器还没有加载htnml文件的时候就已经执行了文件。 解决办法一： 在js文件中加上 window.onload=function(){ }; 并把代码都放在里面。 该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。这样子就可以把<script>标签放在<canvas>标签前面了，并且执行完<canvas>的代码再执行<script>代码 解决办法二：把这里的<script>改成到下面图片中的位置
GitBush中ls cat mv touch的使用
Guo1009的博客
01-17 1675
GitBush中一些命令的用法 在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。 Git 各平台安装包下载地址为：点我直接传送到git官网 ls用法 1.ls的令含义：List directory contents，用来显示目录或具体文件列表： 2.使用例子截图： ls -a 的用法 第一步：随便进入一个目录 ...
HTTP的介绍
Guo1009的博客
01-22 885
一、HTTP的全称 1.HTTP全称为Hyper text Transfer Protocol （超级文本传输协议），简单来说，就是在TCP之上，两个电脑之间传输内容的协议。HTTP 的作用就是指导浏览器和服务器如何进行沟通。 二、HTTP的请求 请求格式 1 动词路径协议/版本 2 Key1: value1 2 Key2: value2 2 Key3: value3 2 Content-Typ...
CSS学习笔记：WEB开发中的样式精华
"很好的css学习笔记，pdf格式（64页），包含了CSS+DIV的学习内容，适合初学者逐步了解和掌握CSS技术。" 这篇CSS学习笔记详细介绍了CSS的基础知识，包括其起源、作用以及如何改善HTML页面的设计。CSS，即层叠样式表...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值