前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【原创】CSS基础以及常用使用方法

【原创】CSS基础以及常用使用方法

作者头像
零点
发布2023-03-03 20:48:29
1850
发布2023-03-03 20:48:29
举报
文章被收录于专栏:微科技微科技

1.css:

代码语言:javascript
复制
层叠表单样式,美化html网页

2.后缀名:.css 3.使用css的原因:

代码语言:javascript
复制
美化网页,使网页更加美观。
为使网页可优化性,使内容和样式分离,引入css

4.css编写方式:

代码语言:javascript
复制
①新建style标签
②使用选择器选择标签,然后加上方括号,方括号中的内容,为css样式,
③每条css语句后需添加;号
如:

    div{
        background-color: darkgreen;
        color: chocolate;
        属性: 属性值;
        ......
    }

5.css引入方式:

代码语言:javascript
复制
行内引入:
    直接在开始标签后添加style,然后写入属性: 属性值;
    每条属性值之间用;分割
内部引入:
    ①新建style标签
    ②使用选择器选择标签,然后加上方括号,方括号中的内容,为css样式,
    ③每条css语句后需添加;号
外部引入:
    ①新建一个css文件夹,并新建一个css文件
    ②在新建的css文件中,选择html文件中的标签,按照style标签样式写入css样式。
    ③在原html文件中使用link标签引入外部css。如:
    
    注意:css文件中无编写style标签,直接使用选择器选择html文件中的标签,设置样式即可。

6.css注释方法:

代码语言:javascript
复制
css以/*开始*/结束,表示注释。
单行注释快捷键:ctrl+/
多行注释快捷键: ctrl+shift+/
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档