首页 > 技术文章 > CSS,Javascript入门。

lingxi2b2 2019-12-16 20:05 原文

CSS(Cascade Style Sheets)层叠样式表, 是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

基础选择器

A.元素选择器:

  1. 行内样式表:这作用于当前的元素
  2. 内部样式表:在head中定义style
  3. 外部样式表(推荐):在外部单独定义一个css文件,用link引用

B.id选择器:页面中id属性的值不可重复,定义唯一的一个

C.*通配符:选中页面中所有的袁绍

D.类选择器:根据元素的class属性的值:一个html中class属性的值可重复

E.后代选择器:父子集

F.群组选择器:通过“,”选中多个选择器

基本选择器优先级:id>class>元素选择器>通配符

常用的样式:

背景:background—color,image,repeat,size,position

尺寸:width,height

颜色:背景,字体:rgb   rgba设置透明度  去除下划线:text-decoration null;

盒子模型:

组成部分:内容+内边距+边框+外边框

设置值顺序:上 右 下 左

定位 position:

 

未脱离文档流:relative 相对定位 

脱离文档流:absolute 绝对定位  fixed  固定定位

浮动:

让元素往一定方向移动

清除浮动:1.clear  2.给父级高度  3.再父级中定义 overflow:hidden

 

javascript *** 是一个动态语言
作用: 验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。

   js的组成:

    1.ECMAScript js的核心语法

    2.BOM  浏览器对象模型

    3.DOM  文档对象模型

    BOM>DOM


   使用方式:

  1.     行内: 元素上使用js代码
  2.     内部: html内部定义script标签对,标签对中定义js代码
  3.     外部: 外部定义js文件,文件中定义js代码,在使用的html中使用script标签对用来引入
  4.     注意:一个script标签不能及用来引入外部js文件,又用来定义js代码


   js代码在html月面中的位置: 可以在html中的任意位置定位
    推荐:
     head中,便于后期维护
     body结束之前:保证在执行js代码的时候,页面所有的内容都加载完成之后执行,如果要在head中配合window.onload一起使用

推荐阅读