Skip to content

[css] 第132天 有哪些方式可以对一个DOM设置它的CSS样式? #1113

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第132天 有哪些方式可以对一个DOM设置它的CSS样式?

Activity

qhdxwdm

qhdxwdm commented on Aug 25, 2019

@qhdxwdm

1.可以使用行内样式
2.可以使用style标签
3.可以使用link引入css文件
4.可以使用js动态修改

Konata9

Konata9 commented on Aug 26, 2019

@Konata9
  1. 行内样式: <div style="text-align:center;">233</div>
  2. 内连样式:
    <head>
    ...
    <style>
    	div{
    		text-align: center;
    	}
    </style>
    ...
    </head>
    <body>
    ...
    </body>
  3. 外链样式:
    <head>
    ...
    <link href="..." rel="...">
    ...
    </head>
EragonBubble

EragonBubble commented on Aug 26, 2019

@EragonBubble

外链,内联,行内,js脚本修改

LinStan

LinStan commented on Aug 26, 2019

@LinStan

外链css样式文件中对对应节点绑定样式。
内联样式,在<style> 中写样式。
行内样式,在对应dom节点中写样式。
基于JS的innerHTML直接更改对应的样式。

let dom = document.getElementById('a');
dom.innerHTML="<div id='a' style='border:solid 1px red;width:300px;height:300px'>1</div>"
ShuiXinSuoYu

ShuiXinSuoYu commented on Aug 28, 2019

@ShuiXinSuoYu

你们都说完了,我只有说666了。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Konata9@EragonBubble@LinStan@ShuiXinSuoYu

        Issue actions

          [css] 第132天 有哪些方式可以对一个DOM设置它的CSS样式? · Issue #1113 · haizlin/fe-interview