
CSS3
文章平均质量分 96
CSS的学习笔记
FritzFang
让学习成为生活的一部分
展开
-
CSS之flex弹性布局 (十二):认识flex布局、flex布局的理解、flex-container属性、flex-item属性
只有非常少数的网站依然在用浮动来布局floats存在很大的局限性。原创 2023-05-25 08:44:17 · 890 阅读 · 0 评论 -
CSS之元素浮动 (十一):认识浮动、浮动的规则、浮动的案例、高度塌陷、清除浮动、布局方案对比
沿其容器左侧右侧文本和内联元素环绕它noneleftright。原创 2023-05-23 18:24:39 · 1261 阅读 · 0 评论 -
CSS之元素定位 (十):标准流布局、认识元素的定位、静态定位、相对定位、固定定位、绝对定位、粘性定位、z-index
标准流的位置调整:在标准流中,我们可以使用 对元素进行定位,其中margin可以设置为负数存在的缺点如果我们希望一个元素可以跳出标准量,单独的对某个元素进行定位呢?===> 接下来就开始介绍,我们通过这个属性进行设置什么是定位元素: position值的元素,也就是position值为的元素,即定位元素就可以使用 top、bottom、left、right进行定位了。4. 相对定位 relative相对定位的特性:相对定位的元素还是布局相对定位的应用场景 : 在不影响其他元素位置的前提原创 2023-05-22 16:14:27 · 477 阅读 · 0 评论 -
CSS之Emme语法t和结构伪类 (八):认识Emmet、常见Emmet语法、常见的结构伪类、否定伪类的使用
(元素选择器、通用选择器、属性选择器、类选择器、id选择器、伪类(除否定伪类))以下会介绍几个比较常用的结构伪类,并且我们需要记住一些简单的公式。这里例举一下emmet语法,大多数比较常用的。:not()的格式是:not(x),::not(x)表示除x以外的元素。原创 2023-05-20 17:09:52 · 245 阅读 · 0 评论 -
CSS之额外知识补充 (九):border图形、Web网络字体、Web字体图标、CSS精灵图、cursor属性
border主要是用来给盒子增加边框的,但是在开发中我们也可以利用边框的特性来实现一些形状。原创 2023-05-20 21:55:40 · 216 阅读 · 0 评论 -
CSS之高级元素的使用 (七):列表元素、表格元素、表格合并、表单元素、表单常见属性
:有序列表ol中直接元素只能是lili 的含义 ==> list item 即表示列表中的每一项案例演示:可以从上面的案例按出来,ol其实是自带效果的,有时候我们往往不喜欢这样,因此我们会重新给它覆盖样式。1.2 无序列表 ul-> li (unordered list):无序列表ul中直接元素只能是li,与ol相同的是直接子元素也只能是li案例演示:其实无论是有序还是无序列表,或者其它元素,当它们有一些自带的效果我们很难去控制时,我们都习惯于将它们一次性的进行重置,像两个列表元素本质就是lis原创 2023-05-18 14:53:25 · 1006 阅读 · 0 评论 -
CSS之背景的设置 (六):background-(image、repeat、size、position、attachment)、background、background-image和img对比
用于设置元素的背景图片。原创 2023-05-16 20:08:40 · 2791 阅读 · 0 评论 -
CSS之盒子模型 (五):认识盒子模型、内容width/height、内边距padding、边框/圆角border、外边距margin、盒子和文字阴影、box-sizing
我觉得下面这张图描述的很形象,我们可以把HTML每一个元素看成是一个盒子。原创 2023-04-12 00:12:05 · 1559 阅读 · 1 评论 -
CSS之属性的特性 (四):CSS属性的继承、CSS属性的层叠、CSS属性的类型、display属性、元素的隐藏、overflow属性、CSS不生效技巧
属性具有继承性元素设置后。如默认font-size为16px,给p元素设置font-size为2em时,2em经过计算后给p元素设置为了32px。原创 2023-04-01 00:12:06 · 327 阅读 · 0 评论 -
CSS之属性与选择器 (三):CSS文本属性、CSS字体属性、CSS常见选择器
按照一定的规则选出符合条件的元素,为其添加CSS样式。原创 2023-03-31 02:27:02 · 964 阅读 · 0 评论 -
CSS之额外知识补充 (二):link元素、计算机进制、CSS表示颜色、Chorme调试工具、浏览器渲染流程
link元素: 是外部资源链接元素,规范了文档与外部资源的关系。link元素通常再head元素中原创 2023-03-10 13:44:23 · 347 阅读 · 0 评论 -
CSS之邂逅 (一):认识CSS、编写CSS样式、CSS注释、常见的CSS属性
CSS的出现是为了美化HTML为HTML添加各种各样的样式,比如颜色、字体、大小、下划线等等对HTML进行布局,按照某种结构显示(CSS进行布局 – 浮动、flex、grid)原创 2023-03-09 01:01:03 · 372 阅读 · 0 评论