最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • CSS篇一一简短介绍下CSS

    正文概述 掘金(专注前端二十年)   2020-12-13   341

    什么是CSS?

    CSS是Cascading Style Sheet的缩写,层叠样式表,是一种用来表现文件样式的计算机语言。

    • CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
    • CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式。
    • CSS拥有对网页对象和模型样式编辑的能力。
    • 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。

    1.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS篇一一简短介绍下CSS

    2.CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式。 CSS篇一一简短介绍下CSS

    3.CSS拥有对网页对象和模型样式编辑的能力。 CSS篇一一简短介绍下CSS

    4.在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。 CSS篇一一简短介绍下CSS

    CSS入门

    ​ 如果将开发一套网页当做建筑一栋大楼,则html就等于是对大楼的结构进行实现,而对大楼的装修一般交给装饰公司,而在网页中设计中css就相当于是装饰公司。

    ​ CSS,Cacading Style Sheets(层叠样式表),是一种能够对html结构进行美化以及控制的描述型语言,css通过一系列选择器,选中html中的元素,然后通过提供的丰富的属性对这些元素进行装饰。

    语法规范

    选择器{

    ​ 属性名1:属性值1;

    ​ 属性名2:属性值2;

    ​ …

    }

    CSS实例

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style>
                /* css样式表 */
                #div1{
                    width:300px;
                    height:50px;
                    background:#ff6700;
                    color:#fff;
                    text-align: center;
                    line-height:50px;
                    font-family: "楷体";
                    font-size:1.8em;
                }
            </style>
        </head>
        <body>
    		<!--目标元素(需要被装饰的元素)-->
            <div id="div1" class="">
                这是一个div元素
            </div>
        </body>    
    

    CSS样式在html页面中的几种使用方式

    在html中使用css的方式包含以下几种

    1. 内联样式:在html页面的style标签之间直接编写样式代码
    2. 外部样式文件:将外部的css文件通过link标签引入html页面中
    3. 内嵌样式:直接使用html标签内部的style属性设置样式

    另外,内联样式、外部样式文件、内嵌样式下节会讲到。求赞,请持续关注我~


    起源地下载网 » CSS篇一一简短介绍下CSS

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元