发表于: 2021-03-31 19:09:53

1 1003


今天完成的事情:

1、用sass重构了前面的任务五和任务六

$blue :#88C0CE;
$white#FFFFFF;
$fz23:23px;
$btc:#999999 ;
$fc:#A7A8AB;
@mixin btnStyle{
        width35%;
        text-aligncenter;
        margin5% 8% 2% 5%;
        padding2% 0;
        border-radius10px;
        font-size1.75rem;
        bordersolid 3px #5fc0cd;
}
@mixin ml{
    margin-left20px;
}
@mixin mr {
    margin-right20px;
}


2、总结了css相关知识点


明天计划的事情:

1、继续总结css


收获:

css中:: 和 :中双冒号和单冒号的区别

  1. 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。
  2. ::就是以一个子元素的存在,定义在元素主体内容之前的一个伪元素。并不存在于dom之中,只存在在页面之中。

css中可继承的属性:

1、字体系列属性:font

2、文本系列属性:text-indent、text-align、text-shadow、line-height、word-spacing、letter-spacing、text-transform、direction、color

3、表格布局属性:

caption-side

border-collapse

empty-cells

不可继承属性:

1、display

2、文本属性:vertical-align、text-decoration

3、盒子模型的属性:宽度、高度、内外边距、边框等

4、背景属性:背景图片、颜色、位置等

5、定位属性:浮动、清除浮动、定位position等

6、生成内容属性:content、counter-reset、counter-increment

7、轮廓样式属性:outline-style、outline-width、outline-color、outline

8、页面样式属性:size、page-break-before、page-break-after

用css创建三角形的原理:

把元素的宽和高设置为0,然后设置边框样式。

.transparent{
    width0;
    height0;
    border-top40px solid transparent;
    border-left40px solid transparent;
    border-right40px solid transparent;
    border-bottom40px solid #ff0000;
}   



返回列表 返回列表
评论

    分享到