
“回”-在Css3小姐姐脸上画乌龟
接触学习CSS3笔记
花森酱
我练习时长两年半的前端练习生,喜欢代码、王者、AIGC,期待你的关注!
展开
-
犹如白皮书般详细的Css样式权重
作者:花森时间:2020年8月11日认识一个项目中会引入很多的样式,样式之间会出现重叠覆盖,导致我们需要的效果无法做出,这时候就要学习一个样式的权重问题,权重高的样式优先展示。元素权重使用类、ID、伪类都有不同的权重,具体应用哪条规则要看权限大小。可以使用!important强制提升某个设置的权限。规则粒度ID0100class和类属性值0010标签和伪元素0001*0000行内样式210001)id的权重高于class<sty原创 2020-08-12 21:50:32 · 676 阅读 · 1 评论 -
犹如白皮书般详细的Css文本控制总结
作者:花森时间:2020年8月11日认识一般情况下操作系统会存在于系统中,浏览器会根据你网页设定的字体依次查找,找到匹配到后将展示,不在向后查找,例如你的电脑有宋体存在,在网页就会显示宋体,但其他用户中无次字体,所以造成其他用户使用是不会显示宋体字体。<style>* { font-family: 'Courier New', Courier, monospace;}</style>...<div>花森导航</div>文本基础自定义字原创 2020-08-11 21:46:01 · 2480 阅读 · 1 评论 -
犹如白皮书般详细的Css基础
作者:花森时间:2020年8月11日认识如果把web网页当做一个在台上跳着舞蹈的老师,那么html定义的是这个人的鼻子、眼睛、手之类的器官,Css即着装的漂亮服饰,Js则是实现如何让他做出优美的舞姿,至于台上是指浏览器内核平台。样式声明1)外部样式引入2)内部样式表3)内联样式4)导入样式外部样式link标签引入外部样式表head标签内部完成引入样式文件要以.css为后缀名引入多个样式可能会发生重叠覆盖(顺序很重要)link常见属性说明补充rel定义当前原创 2020-08-11 20:44:55 · 364 阅读 · 0 评论 -
犹如白皮书般详细的Css选择器总结
CSS3-选择器作者:花森时间:2020年8月10日基本选择器常见的选择标签方法样式选择器示例描述补充.class.huasen选择 class=“huasen” 的所有元素#id#zhuqi选择 id=“zhuqi” 的所有元素(id在元素中尽量唯一化)**选择所有元素(常用于全局设置)elementp选择所有p元素element,elementdiv,p选择所有div元素和p所有元素element elementdiv原创 2020-08-10 22:22:25 · 3263 阅读 · 4 评论 -
犹如白皮书般详细的Css定位及flex布局
## 初语:传统的前端布局一直是令人头疼的,positon定位的常用属性relative、absolute、fixed、static、inherit功能已经挺强大了。* relative:相对定位,这个属性是要配合left、right、top、bottom使用,不然没有效果,跟正常没加positon的一模一样。* absolute:绝对定位,元素标签会根据父容器,进行定位,默认位...原创 2020-04-07 10:54:13 · 893 阅读 · 0 评论