CSS样式表

  • CSSJQueryJavaScript
  •  
  1. CSS:将网页内容和样式进行分类

CSS样式与网页关联:把样式表拉到head第一行

  1.  *CSS特点:实现网页内容与样式分离
  2.  *CSS选择器:类选择器、ID选择器#specialHTML标签选择器(只要是标签内容)
  3. 选择器优先级别:ID选择器>类选择器>HTML标签选择器
  4. 并列设置用逗号间隔

                     

  1. 多个样式用空格隔开,例如menu niu       如果两个样式起冲突与CSS排列顺序有关

                     

  • CSS核心内容
  •  
  1. CSS核心内容:标准流(书写排在前头标签,页面上面标签一直显示在前面)、盒子模型、浮动、定位
  2. 块级元素(div占满一行)、行内元素(span内容多少占多少空间)
  3. 如何把行内元素转换为块级元素(方法DisplayBlock
  4. 网页设计配色工具包
  5. 盒子模型(外边距(上下左右)、内边距(上下左右)、内容:(宽,高) 、画框:宽

外边距上下都有数值选最大的

行内元素一些样式对它不起作用

盒子浮动    float(以父框架来作为基准):leftright

  1. 相对定位:

   position:relative;  /*相对定位*/ 相对于标签

  1.  绝对定位: (找父标签来定位而不是body

position:absolute;  /*绝对定位*/ (脱离标准流)

  1. <!DOCTYPE html>        规则
  • 前台页面制作
  •  
  1. *{   /*匹配标签*/  }input{ vertical-align:middle }
  2. Checked=trueGroupName=""(互斥效果)、
  •  
  • 首页制作
  1. 内容框高度各个浏览器兼容
  2. 母版页作用、使用
  3.    margin-top:10px !important; /*IE核心浏览器识别*/

   *margin-top:10px !important;/* ie6,7,8识别*/

  1. 网页要引用css
  2. <p></p>是段落标记区块 换行
  3. 空格需要是全角下的空格

  4. window.location.href  跳转到那个网页
  5. 嵌套模板页的使用
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 17
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值