样式属性

Posted 大脸妹?

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式属性相关的知识,希望对你有一定的参考价值。

 今天课程不多,内容却相当的繁琐,大多都是需要我们记忆的东西,各种属性的相互配合与各种属性的格式都需要注意。

 通过对div的命名然后用选择器修改div的样子,包括大小、位置、颜色、等各种小变化。其中需要各种代码来完成,代码是非常繁多的。需要我们多多记忆来强化学习。

还有边框与边界。其中有三个比较常用有margin、padding、boder。通过对边距的不同定义来实现所要达到的效果。在一些单词的记忆中,有一些还是比较形象的。可以多结合日常生活的实际情况与逻辑思维来记忆,事半功倍。

学习的内容有点多还需要多多消化,这就提醒我们课下好好复习。下边附上今天自己写的代码,加油。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            .what{
                width: 100px;
                height: 35px;
                border: 2px solid black;
                text-align: center;
                line-height: 35px;
                background-color: rgb(0,0,100,0.3);
                transition: 4s;
                border-radius: 10px;
                
            }
            .what:hover{
                cursor: pointer;
                background-color: rgba(0,255,0,0.8);
                transform:skew(1080deg,1080deg);
                
            }
        </style>
    </head>
    <body >
         <div class="what">按按很开心</div>
    </body>
</html>

以上是关于样式属性的主要内容,如果未能解决你的问题,请参考以下文章

JQ如何改样式?

jQuery:DOM的属性内容样式操作

用js的啥方法把样式的某个属性去掉而其他的属性保留

css字体样式(Font Style),属性

js获取元素样式ele.style.attribute只能获取内敛样式的属性值!内部样式的属性值获取不了!怎么解决?

(Vue -03)Vue绑定样式 + 计算属性 + 侦听器+ 过滤器