CSS快速入门个人学习心得（一）

最新推荐文章于 2022-07-10 01:00:36 发布
最新推荐文章于 2022-07-10 01:00:36 发布
阅读量158 收藏 1
点赞数
分类专栏： 新手 文章标签： css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcylxzyh/article/details/113107228
版权
本文是关于CSS快速入门的学习心得，涵盖了CSS字体样式属性、基本选择器（包括元素选择器、类选择器、ID选择器、通配符选择器和伪类选择器）、外观样式和引入CSS样式表的不同方式，如行内式、内部样式表和外部样式表。
摘要由CSDN通过智能技术生成

CSS学习第一天

1、CSS

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

2、CSS字体样式属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、CSS基本选择器

在这里插入图片描述
标签选择器（元素选择器）
在这里插入图片描述
类选择器
在这里插入图片描述

在这里插入图片描述
id选择器
在这里插入图片描述
id选择器和类选择器区别：
在这里插入图片描述
通配符选择器
在这里插入图片描述
伪类选择器
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
结构伪类选择器中：参数为even选择所有奇数孩子，为odd选择所有偶数孩子；写n是指从0开始，2n是偶数等等。
在这里插入图片描述

4、CSS外观样式

在这里插入图片描述
一个em就是一个汉字的大小。
在这里插入图片描述
间距单位为px。
在这里插入图片描述
在这里插入图片描述

5、引入CSS样式表（书写位置）

行内式
在这里插入图片描述
内部样式表
在这里插入图片描述
外部样式表
在这里插入图片描述
在这里插入图片描述

肉乎乎的鸭
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS学习心得
lxy13608322474的博客
03-14 446
目录一、什么是 CSS二、CSS1、语法说明2、选择器3、外部样式表4、盒子模型5、定位6、溢出7、浮动 一、什么是 CSS CSS是级联样式表（Cascading Style Sheets）的缩写。HTML 用于撰写页面的内容，而 CSS 将决定这些内容该如何在屏幕上呈现。 网页的内容是由 HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。 二、CSS 1、语法说明 一条CSS样式规则由两个主要的部分构成：选择器，
CSS 学习心得
12-09
一直以来从事web开发方面的工作，做过很多项目，也做过无数的日常开发，但自己只专注于需求的理解和系统设计方面，而对web页面的展现很少关注，在遇到页面问题时，往往都会交给UED部门的同事去处理，长此以往，自己也产生了惰性，不论页面的问题大小都统统交给他们解决，这样不仅影响了自己的工作效率，还给UED的同事带去不少麻烦，正好这几天工作不是很紧张，在http://www.w3school.com.cn/index.html网站上浏览了一些关于CSS的资料，感觉CSS比我想象中的要简单多啦，再配合firefox强大的插件firebug来调试，一切都变得非常简单。 插入样式表的方法有三种： 外部样式表
css学习的一些心得
Cocowool的专栏
12-03 1784
其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断续续的学习了两个月了，其间做了一些页面今天就讲讲自己的感受第
CSS的学习和心得
weixin_34365417的博客
04-10 147
三种 Selector1. HTML selector HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定义了它们, 在整页中, 这个 Tag 的性质就按照你 的定义来显示了. HTML selector 的语法如下 tag {property:value} 比如我们想叫 H1 的颜色是红的 H1 {...
html和css学习心得.doc
最新发布
12-21
HTML和CSS学习心得 HTML和CSS基础知识 在学习Web前端开发时，HTML和CSS是两个基础知识点。HTML（HyperText Markup Language）是一种标准通用标记语言，用来创建网页；CSS（Cascading Style Sheets）是一种样式表...
CSS3弹性盒模型flex box快速入门心得(必看篇)
09-24
以下是对CSS3弹性盒模型的快速入门心得： 1. Flexbox模型的主要特点包括： - 父容器可以定义成为flex容器，其直接子元素会成为flex项目。 - Flex容器的轴线由主轴（main axis）和交叉轴（cross axis）组成，主轴...
微信小程序快速入门个人学习心得（四）
zcylxzyh的博客
01-21 327
TODOS案例 这个案例是要做一个任务清单。 首先 思考一共分为几块内容： 1、输入框 2、任务列表 3、工具栏 因此一共三块，在对应wxml文件中，父容器中添加三个子容器。 <view class="container"> <view class="searchHandle"></view> <view class="worksHandle"></view> <view class="utilsHandle"></view&gt
HTML&&CSS学习心得
m0_52378360的博客
07-10 274
何为HTML超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML是一种标记语言（markup language），是网页制作所必备的工具。何为超链接超级链接简单来讲，就是指按内容链接，在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个
CSS3学习心得
12-01
这是本人对CSS3学习的一些心得，如若有误，请批评指正，谢谢！
css学习心得
fy19927777的博客
07-30 424
今天学习了一天的css，感觉背的有点多，理解了CSS的优点 熟悉了CSS的语法规则，熟悉了CSS的基本属性，理解了样式的层叠和继承。 总体感觉逻辑性的东西很少，完全靠背样子 背功能，接下来还应该巩固尽量能脱开书把代码写出来，还要注意代码规范。
2020寒假前端小白HTML&CSS学习实战与心得
在这个长达寒假的特殊时期，博主以一个前端新手的身份，分享了自己2020年寒假学习HTML和CSS的心得体会，以及六大项目实战经验。文章起始于对疫情下人类团结互助的感慨，引出作者对web前端技术的热情投入。 博主强调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值