# How to link a css file to an html file?

**URL:** <https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613>\
**Category:** Questions about Thunkable X\
**Created:** [February 27, 2023, 7:31pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613 "2023-02-27T19:31:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 27, 2023, 7:31pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/1 "2023-02-27T19:31:15Z")

</div>

hi

I have read posts that are rather old for a tool that is supposed to have evolved.  
In 2023, what about it?

i tried :

```auto
<link rel="stylesheet" type="text/css" href="myCard.css">

```

and i got nothing !

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 28, 2023, 8:17am UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/2 "2023-02-28T08:17:24Z")

</div>

Do you have the css file in the same folder as the html file?

The file name is case sensitive for most web servers so make sure the file name is **myCard.css** not **mycard.css** for example.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 28, 2023, 12:26pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/3 "2023-02-28T12:26:55Z")

</div>

AFAIK you can’t link to a local css file from within your html file when both files are served as assets with the app.

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 28, 2023, 5:25pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/4 "2023-02-28T17:25:41Z")

</div>

hi

i don’t know what to think your intervention suggests it should work and @jared says no!  
and for now i’m still looking …

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 28, 2023, 5:29pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/5 "2023-02-28T17:29:36Z")

</div>

hi

I don’t know what to think you say it’s not possible and @muneer’s intervention suggests that it works and that I made a capitalization error  
is there another way to do it?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 28, 2023, 6:00pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/6 "2023-02-28T18:00:16Z")

</div>

If your HTML file is residing somewhere in a server then it works.

If your HTML is included in the project assets then you need to add the CSS entries in the HTML file as `internal CSS` or directly in the HTML element as `in-line CSS`

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 28, 2023, 7:31pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/7 "2023-02-28T19:31:05Z")

</div>

hi  
thanks for your support

> If your HTML is included in the project assets then you need to add the CSS entries in the HTML file as `internal CSS` or directly in the HTML element as `in-line CSS`

that’s what i would have to do

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 1, 2023, 11:54am UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/8 "2023-03-01T11:54:08Z")

</div>

Should you want to see examples of `internal CSS` or `inline CSS` let me know.

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [March 7, 2023, 5:24pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/9 "2023-03-07T17:24:53Z")

</div>

hi

thanks for your support

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 5, 2023, 5:25pm UTC](https://community.thunkable.com/t/how-to-link-a-css-file-to-an-html-file/2299613/10 "2023-06-05T17:25:19Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
