zoukankan      html  css  js  c++  java
  • 框架与样式表的基本概念

                 框架:           frameset :框集。  如果使用框架集,当前页面不能使用body。    cols="300,*",左右拆分,左300,右完剩余。  frameborder 边框

                                    frame:src(框架要显示页面的地址), scrolling(滚动条)

                                             iframe(可以嵌在普通页面里面):src(框架里面要显示的页面地址), wigth(框架的宽度),

                                                               height(框架的高度), frameborder(框架的边框), srcolling(滚动条)

                                    其他:  <marquee>(滚动效果) drection(滚动方向), <mark>做标记, <hr> 做分割线,

                                    页面嵌入视频(找到视频 视频左下角点击分享  复制HTML代码   复制 falsh    复制通用代码  把复制的代码粘贴在页面里面)

    样式表:   分类:      内联样式表:写在标签里面, style="样式",  控制精确,代码重用性差

                                 内嵌样式表:嵌在页面的head里面,<style type="text/css"></style>, 控制没有内联的精确,代码重用性好

                                 外部样式表: 单独的样式文件,引入:右键-CSS样式表-附加样式表,引入:<link href="test.css" rel="stylesheet" type="text/cs,

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

                  选择器:     样式表用来选取元素的, 标签(根据标签名选中元素)

                                   class: .(点)    根据class名来筛选元素

                                   id    :  #(井号) 根据id名来筛选出唯一元素

                                   复合:逗号表示并列 (div,span)    空格表示后代(#list li)  点表示筛选(div.s)

                  样式:       大小:wigth(宽)  height(高)

                                 背景:background—color(背景色)background—image(背景图片)background—repeat(背景图的平铺方式)

                                         background—position(背景图片位置)background—attachment(设置背景图片是否滚动)  background—size(背景图的大小)

                                 字体:font-family(字体样式)font-size(字体大小 12px  14px)font-style(italic倾斜)font-weight(bold加粗)

                                         text-decoration:underline下划线  overline上划线   line-through删除线   none没有,用来去掉超链接的下划线

                                         color(字体颜色)

                                 对齐方式:text-align(水平对齐方式)vertical-align(垂直对齐方式,配合行高使用)line-height(行高)text-indent(缩进 单位像素)

                                 边界边框:margin(外边距  上右下左)padding(内边距 上右下左    如果加了内边距,该元素会相应的变大) 

                                               border(1px solid #60F 简写方式  第一个边框粗细 第二个边框样式 第三个边框颜色)

                                 列表方块:

  • 相关阅读:
    IntelliJ IDEA maven库下载依赖包速度慢的问题
    安装 PHP
    秒杀怎么样才可以防止超卖?基于mysql的事务和锁实现
    MySQL 使用自增ID主键和UUID 作为主键的优劣比较详细过程(从百万到千万表记录测试)
    架构师之路16年精选50篇
    基于ELK和Python搭建简单的监控告警系统
    MySQL5.7 利用keepalived来实现mysql双主高可用方案的详细过程
    在线数据迁移
    jedisLock—redis分布式锁实现
    Intellij IDEA 最新旗舰版注册激活破解(2018亲测,可用)
  • 原文地址:https://www.cnblogs.com/gaojunshan/p/5855721.html
Copyright © 2011-2022 走看看