第四周 CSS基础学习笔记

最新推荐文章于 2024-07-06 09:55:36 发布
最新推荐文章于 2024-07-06 09:55:36 发布
阅读量182 收藏
点赞数
文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengfyi/article/details/121381964
版权
这篇博客介绍了如何使用CSS进行基础样式设置，包括利用border-radius创建圆角边框，设置元素背景色，理解id与class的选择器优先级，调整元素的内边距和外边距，以及如何为元素的四周设置不同的内边距和外边距。
摘要由CSDN通过智能技术生成

用 border-radius 添加圆角边框

可以使用border-radius属性来让它变得圆润

用 border-radius 制作圆形图片

 

给 div 元素添加背景色

 background-color属性可以设置元素的背景颜色。

最低0.47元/天 解锁文章
chengfyi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS基础_css_笔记
09-23
以上就是CSS的基础知识，对于新手来说，理解并熟练运用这些概念是成为网页设计师的第一步。随着技能的提升，可以深入学习更复杂的布局技术、动画、过渡效果以及CSS框架，如Bootstrap和Foundation等。
Html与Css学习笔记以及经验总结
06-23
这篇学习笔记和经验总结将深入探讨这两者的核心概念，帮助初学者快速掌握这两门技术。 首先，HTML是用于创建网页内容的标记语言。它由一系列元素组成，这些元素通过标签表示，比如`<html>`、`<head>`、`<body>`等。...
Jquery 基础学习笔记
10-29
本篇笔记主要介绍了JQuery的基础用法，对于初学者来说是非常实用的学习资料。 1. **属性操作**：`attr()` 方法允许我们设置或获取元素的属性。例如，`$("input").attr("class","btn")` 会将所有`<input>`元素的`...
css网站布局实录学习笔记第二部分XHTML与CSS基础
09-25
在构建网站布局时，XHTML和CSS是两个至关重要的技术。...CSS，Cascading Style Sheets，则用于...在学习过程中，应注重代码的规范化和语义化，同时掌握如何通过CSS有效地控制XHTML元素的样式，以实现灵活多变的网站布局。
前端学习笔记-黑马程序员CSS
01-09
前端学习笔记-黑马程序员CSS CSS 是一种标记语言，主要用于美化页面，美化 HTML，让画面更美观。总结来说，HTML 主要做结构，显示元素内容，而 CSS 负责美化，让结构（HTML）与样式（CSS）相分离。 一、CSS 语法...
如何用简单的html，css，js写出一个带有背景层的删除弹出框
qq_56776909的博客
07-03 374
虽然每次项目都是主要写后端，但是有时候前端的样式太丑了，也有点看不下去。弹出框是项目中用的比较多的，比如删除，修改或者添加什么的，都需要一个弹出框。所以这里简单记录一下，应该如何实现。
html之内联样式
abments的博客
07-02 433
内联样式（inline styles）是在HTML元素的style属性中直接定义的CSS样式。与外部样式表或内部样式表不同，内联样式仅应用于特定的HTML元素。使用内联样式时，可以在HTML标签中直接添加样式，而无需通过外部或内部的CSS文件引用样式规则。
HTML CSS 基础复习笔记 - 表格标签使用
forevercui的博客
07-03 403
web复习笔记
同时用C++和HTML同时做一个饭店价格统计器
weixin_56334307的博客
07-03 197
大家有没有想过在饭店的时候我们讲了很多的不同的大碗小碗的饭算价格要算很久但是利用这个程序就不需要算很久了完了我们可以用c++和html实现这个计算。
html+JavaScript+css 24点计算器
w11111xxxl的博客
07-03 1051
body {margin: 0;padding: 0;h1 {button {.results {
HTML 【实用教程】（2024最新版）
最新发布
朝阳39的博客
07-06 716
块状元素可保留所有空白字符(空格、换行符)，原封不动的输出结果，常用于展示计算机的源代码。< pre > 你好：我昨天给你打了个电话。 你好：我昨天给你打了个电话。
如何设置PHP wkhtmltopdf
Endless Encoding
07-03 762
1.windows下的PHP，只需要到php.ini中把extension=php_openssl.dll前面的;删掉，重启服务就可以了。这时有问题，需要改为：php composer.phar require mikehaertl/phpwkhtmltopdf。经查，我的 php 没有这一项，添加，然后 iisreset。再次执行以上三条，通过，下载安装成功。执行：composer require mikehaertl/phpwkhtmltopdf。在 php 路径下，应能打开命令行输入。
2024-07-04 base SAS programming学习笔记8(HTML）
ddjdd1234的博客
07-04 414
可以使用PATH =选项来提前设置输出文件的路径，如果同时使用URL=NONE路径选项则避免在文件互相调用时添加PATH路径，如果同时使用URL="url location" 则是在文件互相调用时添加自定义路径";ODS HTML 创建FRAME 文件时使用链接，分别链接至BODY 文件和CONTENTS文件，链接名称分别是在BODY和CONTENTS中使用的文件名。值得注意的是：在FRAME含有链接至body和contents文件的链接，CONTENTS文件含有链接至BODY文件的链接。
Vuex 核心揭秘：打造高效前端状态库
a3098448071的博客
07-03 1039
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
WHAT - NextJS 的路由系统和 react-router-dom
weixin_58540586的博客
07-04 813
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
在 .NET 8 Web API 中实现弹性
技术探索驿站
07-03 552
通过执行这些步骤，您已使用 Microsoft.Extensions.Http.Resilience 库将弹性集成到 .NET 8 Web API 项目中。重试策略、断路器设置和超时将有助于确保您的 API 能够抵御瞬时故障，从而提高其可靠性和用户体验。
【vueUse库Component模块各函数简介及使用方法--上篇】
xiejunlan的博客
07-02 1314
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
Vue前端打包
weixin_63680330的博客
07-04 215
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
前端利用vue如何实现导入和导出功能.md
BradenHan的专栏
07-02 1038
xlsx/TOC。
《HTML5CSSJavaScript深入学习实录》读书笔记模板x.pptx
09-14
第4章至第12章分别探讨了文字和段落、超链接、图片、列表、表格、特效与多媒体、框架和表单等重要主题，展示了如何运用HTML进行丰富多样的页面构建。 第13章至第18章侧重于CSS，讲解了CSS基础、页面布局、样式设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值