今天学习下css3的基础选择器类型，只有使用选择器选中了元素，才可把样式应用于元素上，所以选择器对我们来说是至关重要的。选择器允许开发者根据元素的类型、类名、ID等属性来选择性地应用样式。

下面是一个包含HTML和CSS代码的例子，展示了CSS3中的几种基础选择器如何工作

今天学习下css中字体相关的设置样式，主要通用的几个样式有包括字体类型（font-family）、字体大小（font-size）、字体粗细（font-weight）、字体风格（font-style）、字体变体（font-variant）、行高（line-height）等。下面是一个简单的HTML和CSS示例，展示了如何使用这些属性来设置文本样式。

相信大家也会浏览招聘网站的招聘要求，基本上每一家的找前端的要求都包含必须要精通CSS3。这次和大家来讲一下css3,在前端编程中，html，css，js分别被称之为前端编程中的骨，肉，魂。

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果，text-shadow在CSS2.1的时候曾被删除过的一个属性，但是又在css3.0中恢复了使用。

①text-shadow的使用方法：text-shadow：length length length color

• 第一个length表示的是阴影离开文字的横向距离；
• 第二个length表示的是阴影离开文字的纵向的距离；
• 第三个length表示的是阴影模糊半径；

作者：张鑫旭（@张鑫旭）

网址：
http://www.zhangxinxu.com/wordpress/2016/03/know-about-css3-all/

一、兼容性

一些CSS文章，或者CSS文档，兼容性什么的都是放在最后。

又不是什么见不得人的事情，来，直接开篇就亮刺刀。

兼容性还行， 除了IE不支持，其他浏览器基本上都绿油油，目前自娱自乐，内网项目什么的都是可以用用的。

网页制作是将想象与科技融合，打造出兼具实用性和视觉美的网站。这对众多渴望拥有个人网络平台的人来说极为关键。接下来，我会逐一阐述网页制作的关键步骤。

明确目标

确立网页建设的目的是至关重要的。若是为了创建个人博客，分享生活体会和专业知识，那么重点应放在内容的呈现和阅读的舒适度上；若是为了打造电商平台，目标则是推动商品的销售，那么就需要关注产品的展示、购物流程等环节。只有明确了目标，才能在设计和开发过程中有的放矢，避免走偏。

明确了目标，还需对网页的具体功能和布局进行细致规划。比如，个人博客可能要设计文章的分类展示和设置评论区以促进互动；而电商网站则需包含商品搜索和购物车等实用功能。合理安排这些功能和布局，能让网页更易于使用，进而提高用户的满意度。

一、Flex布局涉及的基本概念

容器(container)：display被设置为flex、inline-flex的元素被称作为容器。

菜鸟教程

Html教程：
https://www.runoob.com/html/html-tutorial.html

Css教程：
https://www.runoob.com/css/css-tutorial.html

进入我的主页，查看更多CSS的分享！

首先呢，先去看文档，了解flex是什么，这里不做赘述。

当然，可以看下面的代码示例，辅助你理解。

一、row

将子元素在水平方向进行布局：

1. 垂直方向靠顶部，水平方向靠左侧