zoukankan      html  css  js  c++  java
  • css--简介

    CSS声明总是以分号(;)结束,声明组以大括号({})括起来:

    css引用:1内联:在标签中加style属性,<标签名 style="样式1:样式值1;样式2:样式值2">

                       </标签名>。2.内嵌:在head标签中加style属性

          <style>                      

         选择器1{

                       样式1:样式值1;

                       样式2:样式值2 ;

         }

          选择器2{

                       样式1:样式值1 ;

                       样式2:样式值2;

         }

         </style>

                                

    。3外联:单独建立一个css文件。在html文件中head标签里写link标签引入。

               选择器1{

                       样式1:样式值1; 

                       样式2:样式值2;

         }

          选择器2{

                       样式1:样式值1; 

                       样式2:样式值2 ;

         }

        在html文件的head标签中引用link标签引入css文件

        <link  href="xxxx.css">

         选择器:

    1、  id选择器

    2、  在标签中加入id属性。

                    <标签名 id="id值就是起个代号"><>

        在内嵌或者外部css文件中书写格式

           CSS 中 id 选择器以 "#" 来定义。

            #id值{

                       样式1:样式值1; 

                       样式2:样式值2;

         }

        

        

          注意id名在整个页面中是唯一

    3、  class属性:在标签里加入class属性可以批次添加样式。

    在 CSS 中,类选择器以一个点"."号显示:

    .class值{

                       样式1:样式值1; 

                       样式2:样式值2;

                     

                }

         注意:class代表是一类,(分组分类)

    4、  元素(标签)选择器:html文件中可以统一对一种标签添加样式。

    在内嵌或者外部css文件中书写格式

    元素名{

                       样式1:样式值1; 

                       样式2:样式值2;

          }

         

          标识符规范: 只能是数字,字母下划线。不能以数字开头

          其中不能以数字开头,并且不能是关键字

    类名的第一个字符不能使用数字!

         二、字体样式:

    font-family:字体类型,

    font-size:字体大小

    改变字体大小h1 {font-size:40px;}

    font-weight:字体粗细

                      font-style:字体斜体

    color:颜色

    多个字体系列是用一个逗号分隔指明

    p{font-family:"Times New Roman", Times, serif;}

              文本样式:    

    text-decoration:下划线、删除线、顶划线,

    text- transform:文本字母大小写,

    text-indent:段落首行缩进    

    text-align:文本水平对齐方式

     line-height:行高

    三、div边框的样式:

    border-width:边框的宽度,

    border-style,边框的外观,

    solid:实线,

    dashed:虚线,

    dotted:点线,

    double:双线,

    border-color     边框的颜色 border-top: ;顶部边框,

    border-bottom: 底部边框

    border-left: 左边框,

    border-right:右边框,

    background-color:背景颜色,

    background-image:背景图片,

    background-repeat:背景图片平铺,

    background-attachment:背景图片定位。

  • 相关阅读:
    Docker最全教程之MySQL容器化 (二十四)
    Docker最全教程之使用Node.js搭建团队技术文档站(二十三)
    Docker最全教程之使用PHP搭建个人博客站点(二十二)
    构建自己的简单微服务架构(开源)
    使用Jmeter进行http接口测试
    Appium 服务关键字
    Appium入门示例(Java)
    Appium for win7 环境搭建
    android adb常用指令
    Android测试环境搭建(win7)
  • 原文地址:https://www.cnblogs.com/layuechuquwan/p/11075200.html
Copyright © 2011-2022 走看看