CSS学习笔记一

最新推荐文章于 2023-12-12 11:59:44 发布
最新推荐文章于 2023-12-12 11:59:44 发布
阅读量179 收藏
点赞数
分类专栏： 笔记 文章标签： 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 学习笔记
abcdyjwll的博客
03-24 162
CSS, 主讲：姚景苇 一、CSS简介 1.什么是CSS CSS，Cascading Style Sheet层叠样式表 是一组样式设置规则，用于控制页面的外观样式 2.为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3.CSS作用 页面外观美化 布局和定位 二、基本用法 1.CSS语法 <head> <s...
css学习笔记
人情世故54240871的博客
02-16 146
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
css学习笔记1
qq_42236791的博客
12-12 966
HTML（结构）、CSS（表现）、行为（JavaScript）CSS的全称：层叠样式表（Cascading Style Sheets）。CSS也是一种标记语言，用于给HTML结构设置样式，例如：文字大小、颜色、元素宽高等。简单理解：CSS可以美化HTML，让HTML更漂亮。核心思想：HTML搭建结构，CSS添加样式，实现了：结构与样式的分离。
CSS学习笔记1
mio1012436的博客
12-03 1525
*CSS规则由两个主要的部分构成:选择器以及一条或多条声明。HTML标签,**花括号内是对该对象设置的具体样式。
我的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经典学习笔记.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 9747
这是因为浏览器还没有加载htnml文件的时候就已经执行了文件。 解决办法一： 在js文件中加上 window.onload=function(){ }; 并把代码都放在里面。 该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。这样子就可以把<script>标签放在<canvas>标签前面了，并且执行完<canvas>的代码再执行<script>代码 解决办法二：把这里的<script>改成到下面图片中的位置
GitBush中ls cat mv touch的使用
Guo1009的博客
01-17 1660
GitBush中一些命令的用法 在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。 Git 各平台安装包下载地址为：点我直接传送到git官网 ls用法 1.ls的令含义：List directory contents，用来显示目录或具体文件列表： 2.使用例子截图： ls -a 的用法 第一步：随便进入一个目录 ...
HTTP的介绍
Guo1009的博客
01-22 804
一、HTTP的全称 1.HTTP全称为Hyper text Transfer Protocol （超级文本传输协议），简单来说，就是在TCP之上，两个电脑之间传输内容的协议。HTTP 的作用就是指导浏览器和服务器如何进行沟通。 二、HTTP的请求 请求格式 1 动词路径协议/版本 2 Key1: value1 2 Key2: value2 2 Key3: value3 2 Content-Typ...
axios请求及响应拦截
Guo1009的博客
11-22 596
拦截器，在请求或响应被 then 或 catch 处理前拦截它们 先创建一个axios实例 // 引入axios import axios from 'axios'; // 构建axios实例 const instance = axios.create({ baseURL: process.env.BASE_API, // 该处url会根据环境进行更改 timeout: 1000 // 设置请求超时连接时间 }) request拦截器(请求发送后端之前) request拦截器通常用进行to
HTML标签学习笔记一
Guo1009的博客
01-29 227
HTML form form表单里面要有提交按钮，form标签主要用来发起POST请求的 例子如下： input type 是button 是没有提交的功能 type是submit是有提交的功能 button button标签有自动升级为提交功能 以上俩个实现的效果相同 label 想要将一个 和一个 元素匹配在一起，你需要给 一个 id 属性。而 需要一个 for 属性，其值和 ...
移动前端开发自适应理解 1.0
Guo1009的博客
03-12 216
在移动端中设置meta标签的含义 一、meta标签中的含义 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> name="viewport" name=viewport形式 content=width=device-width 页面宽度=设备宽度 例如设备是960px的宽度那么页面就是960px宽度 initial-scal
js日常小作业
Guo1009的博客
03-31 189
作业如下： window.jQuery = ??? window.$ = jQuery var $div = $('div') $div.addClass('red') // 可将所有 div 的 class 添加一个 red $div.setText('hi') // 可将所有 div 的 textContent 变为 hi 复制代码 代码补充： 首先要明白的一点是jQuery其实就是一个函数。 window.jQuery = function (nodeOrSelector) { let
JavaScript的基础---数据类型
Guo1009的博客
10-20 174
JS有七种数据类型 字符串(String)、数字(Number)、布尔(Boolean)、空值(Null)、未定义(Undefined)、对象(Object)、Symbol。 ps:(其中Symbol 是ES6引入的一直新的原始数据类型Symbol,表示独一无二的值。) 一、数字(Number)\color{blue}{一、数字(Number)}一、数字(Number) 整数和小数：1 1.1 .1 科学记数法：1.23e2 二进制：0b11 八进制：011（后来 ES5 添加了 0o11 语法） 十六进制
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、付费专栏及课程。

余额充值