zoukankan      html  css  js  c++  java
  • 第一天学习HTML

      今天开始学CSS样式表! cssy样式表是对元素进行设置修饰包装,!

      如何使用CSS样式表!

        样式表的三种引用!

          1,直接在元素标签中添加

            <p style=“font-size:12px;color:red”>这是一个字大小为12像素,红色字</p>

          2,在head标签与body标签之间添加 然后引用

            <style type="text/css">

                /* 这是一个文本注释 */

                h1,h2,h3{ //这个一个单行注释  多行选择符

                font-size:20px;

                font-family:字体;  

                }

                p{ //元素选择

                font-size:20px;

                font-family:字体;

                color:red;

                }

                *{//通配选择符

                font-size:20px;

                font-family:字体;

                }

                one{  //自定义的一个样式 用class引用

                color:red;

                font-size:100px;

                }

                #position { //id定义一个样式
                 150px;
                height: 40px;
                background: #eee;
                }

            <style>

       <body>

         <h1>同</h1>

         <h2>同H1</h2>

         <h3>同H1</h3>

          <p>单独的</P>

          <div class="one">class引用</div>

          <div id="position">ID引用样式表</div>

        </body>

         3,外面定义一个CSS样式表文件  在HTML标签head和bod之间引用

            <link rel="stylesheet" href="wcss.css" type="text/css" />

    总结:样式表达理解和活用,结合HMLT静态网页界面

  • 相关阅读:
    jquery选择器
    jquery是方便了javascript,算是其子,导入方式必须记住,js文件自己官网下载
    checkbox操作全选、反选、取消
    onsubmit事件、事件传播判定函数stoppropagetion、事件使用2种方式
    onload函数绑定,byclass数组遍历、this获取整个标签内容
    区分byid和byclass的取值方法关键是有无数组、onfocus和onblur
    dom :document、element,如何取父标签和子标签,innertext获取标签内容
    定时器,setInterval、clearInterval
    一个简单css+js的开关组件
    Bootstrap 模态框强化
  • 原文地址:https://www.cnblogs.com/hunting/p/5750204.html
Copyright © 2011-2022 走看看