zoukankan      html  css  js  c++  java
  • CSS前叙

    1 css是什么?
    层叠样式表,修饰网页结构
    2 如何去使用css?
    a.在html网页中,加入一个style标签,在这个style标签里面写css代码
    b.可以直接把style里面的代码放到一个单独的文件中,通过link标签去引入 (常用)
    c.直接在html开始标签的style属性里面去写css代码
    以上三种方式都可以去设置网页都样式
    3 css语法规则?要使得html标签有具体都样式,需要具备哪些条件?
    a. style标签或者link标签或者style属性这几个都是写正确
    b. 保证css代码和html代码产生关联,产生关联的方法有多种(id<==>#) 学习到底有多少方法可以关联html标签
    c. 告诉浏览器要把html修饰成什么样子, 学习各种样式去修饰html标签

    总结:css要学好,就是要学习两个东西:1 如何去关联(查找到对应html标签)2 如何去修饰这些标签

    书写css的规则:

    选择器{
    属性名称:属性值;
    属性名2:属性值2;
    ....
    }
    选择器:选择(查找)html标签的方法,(#box)
    a.id选择器 #自定义一个名称
    b.类选择器 .自定义一个名称
    c.标签选择器 通过标签名称来选择对应的 html元素

    总结:学习了以上三个选择器(找元素的方法),就可以查找到网页中任何的元素

    剩下要解决的问题:如何去修饰html元素?边框,颜色,字体,背景?

    4 具体的css规则

    4.1 颜色的表示方式
    a. rgb 模式 r 红色 g 绿色 b 蓝色 红绿蓝三原色可以组成n多颜色 rgb取值范围(0-255) 
    b. 直接写颜色的名称
    c. 十六进制 #9f0000 (最常用)
    d. rgba(红色,绿,蓝,透明度) a的取值范围0-1 0表示完全透明 1 表示不透明
    4.2 边框相关的属性
    border-width 边框的宽度
    border-style 边框风格
    border-color 边框颜色

    border:1px solid red; 简写形式
    border-left 左边 border-right 右边 border-bottom 下边 border-top
    border-radius 边框圆角

    4.3 背景相关的属性
    background-color 背景颜色
    background-image 背景图片
    background-repeat 是否重复
    background-position 背景位置

    4.4 字体相关属性
    font-size: 80px;
    /*设置字体颜色*/
    color: red;
    /*字体加粗*/
    /*font-weight: bold;*/
    /*定义字体类型*/
    font-family:"微软雅黑",serif;

    4.5 文本相关属性
    text-align
    text-indent
    letter-spacing
    line-height
    总结:1 css是什么?css有什么用?
    2 css如何去使用? 如何去找到对应html元素?如何去修饰这个元素?

    找元素的方法-->css的选择器(id 类 标签)
    掌握css的相关属性 颜色 边框 背景 文字 文本

  • 相关阅读:
    自动化测试基础篇--Selenium iframe定位问题
    自动化测试基础篇--Selenium简单的163邮箱登录实例
    自动化测试基础篇--Selenium浏览器操作
    自动化测试基础篇--Selenium Xpath定位
    自动化测试基础篇--Selenium元素定位
    自动化测试基础篇--Selenium简介
    selenium RC 环境配置
    正则表达式练习题2
    正则表达式题
    haproxy安装
  • 原文地址:https://www.cnblogs.com/7qin/p/9615823.html
Copyright © 2011-2022 走看看