zoukankan      html  css  js  c++  java
  • 初识CSS样式表

    今天学习的内容

    1.框架的简单知识点,认识了两种框架frameset和iframe.

    ·frameset框架 写在<body>标签外的框架集,框架标签内可以写无限制个数的<frame>子标签进行框架的嵌套,用cols属性来控制纵向布局,rows属性来控制横向布局。frameborder来控制框架的边框。

    ·子标签<frame>里的src属性来引入框架要显示页面的地址   scrolling属性来控制滚动条的显示(其中auto表示默认使用滚动条,yes表示有滚动条,no表示不使用滚动条)

    ·iframe框架可以镶嵌在普通页面里,文档中镶嵌文档,同样用src属性来引入要显示的页面地址,width属性来控制框架的宽度,height属性来控制框架的高度,frameborder来控制框架的边框粗细,scrolling属性来控制滚动条。

    ·其他知识点简略介绍,<marquee >标签是用来网页公告或其他信息的滚动效果,用direction属性来控制滚动的方向。

    ·<hr>是网页的水平网页分隔线

    ·在网页中嵌入视频的方法,1.找到相关视频2.点击视频左下方的分享3.复制其HTML以及flash和通用代码4.把复制的代码粘贴到框架页面里。

    2.认识CSS(层叠样式表)

    ·css层叠样式表分为三类,内联式,内嵌式,外部式。

    ·内联式就是写在标签里面 用style属性定义的样式,控制比较精确,但是代码的惯用性很差,它的优先级是最高的。

    ·内嵌式就是嵌在<head>里面的<style>标签,控制不如内联式的精确。但是代码的惯用性很好。

    ·外部式,是单独的样式文件,在html里引入css样式表,可以通过右键 -css样式表-附加样式表,或者<link href="xxx.css" rel="stylesheet" type="text/css">的方法来引入css样式表

    ,控制没有内联的精确,但是代码的惯用性最好

    3.选择器(样式表用来选取元素)

    ·分为标签选择,class类选择,id选择,自定义属性选择,和复合选择

    ·标签选择就是根据标签进行选择,对同一标签的所有内容进行定义样式 

    ·class选择就是对class属性相同的元素进行选择,从而定义样式 事例为   .class{样式}

    ·id选择就是对标签的id进行选择,事例为   #id{ 样式}

    ·自定义属性选择,对自定义属性的标签进行选择 事例为  [自定义属性名] {样式}

    .复合选择器有并列选择(用逗号隔开 A,B{样式}) 后代选择(用空格隔开 A B{样式})点筛选(A.B{样式})

    ·标签属性并列 的(例如<div class=a  b )可以分别用选择器定义其不同的样式 .a{样式1;样式2;}  .b{样式3;样式4;}

  • 相关阅读:
    npm install node-echarts npm ERR! code ELIFECYCLE
    MySql-Proxy之多路结果集归并
    Error: Cannot find module 'is-accessor-descriptor'
    如何在Node.js实现兼容ES6
    perl 自动识别编码,转换编码
    Mixin result declared without body
    Python爬虫入门教程 48-100 使用mitmdump抓取手机惠农APP-手机APP爬虫部分
    unexpected token "indent"
    Radware:上周五美国大规模DDoS攻击是如何发生的
    Radware:上周五美国大规模DDoS攻击是如何发生的
  • 原文地址:https://www.cnblogs.com/du892294464/p/6539628.html
Copyright © 2011-2022 走看看