javawebday02补充(css简介 js简介 style 键:值 ;)

        /*            css的简介(cascading style sheets) 是层叠样式表用来定义网页的显示效果            可以解决html代码对样式定义的重复 提高了后期样式代码的可维护性 并增强了网页的显示效果            简单一句话 css将网页内容和显示样式进行分离 提高了显示功能                css 层叠样式表                    层叠 一层一层的                    样式表                        很多的属性和属性值            css和html的结合方式(四种方式)                1、在每个html标签上都有一个属性 style 把css和html结合在一起                    style="键:值; ;"                2、使用html的一个标签实现style 标签 写在head里面                    style type ="text/css"                        css 代码;                3、在style标签里面 使用语句                    @import url(css文件的路径);                        第一步创建一个css文件                4、使用头标签 link 引入外部css文件                    第一步 创建一个css文件                    使用link rel ="stylesheet" type="text/css" href="路径";               第三种结合方式 在某些浏览器下不起作用  一般使用第四种方式            样式优先级                由上到下 由外到内 优先级由低到高            代码规范                选择器名称{属性名:属性值;属性名:属性值;}                属性与属性之间封号隔开                属性与属性值之间用冒号连接                如果一个属性有多个值的话 那么多个值用空格隔开            css选择器                就是指定css要作用的标签 那个标签的名称就是选择器 意为 选择哪个容器                css选择器的类型                html标签名选择器 使用的就是html的标签名                class选择器(.) 其实使用的就是标签中的class属性                id选择器(#) 其实使用的就是标签中的id属性                优先级 style属性>id>class>标签名 越有针对性优先级越高            css的基本选择器                标签选择器                    使用标签名作为选择器                    div{}                class选择器                    每个html标签都有一个属性class                    .e {}                id选择器                    每个html标签都有一个属性id                    #id{}            css扩展选择器                关联选择器                    div p{}                    标签是可以嵌套的 两个或多个选择器之间产生关系 就可以用此选择器                组合选择器                    div,p{}                    对多个不同标签进行相同样式设置的时应用此选择器                伪元素选择器                    其实就在html中预先定义好的一些样式 可以用来使用                    比如超链接                        超链接的状态                        原始状态 鼠标放上的去的状态 点击 点击之后                        :link  :hover         :active :visited                        a:link{}                        lvha 有了hv 很开心 触发的顺序            css盒子模型                在进行布局前需要把数据封装到一块一块的区域内 这个区域的专业术语叫盒子                边框可以统一设置 也可以通过 top bottom left right 一个个定义                边框border  上 下 左 右                内边框 padding 上 下 左 右 文本相对于框框的距离                外边框 margin 上 下 左 右            css的布局的漂浮 图像占据某个位置后面的补上它原来的位置                float                    属性值                    left 文本流向对象的右边                    right 文本流向对象的左边            position 飞起来                static 默认值 无特殊定位 对象遵循HTML 定位规则                absolute 将对象从文档流中拖出 使用left right top bottom 等属性进行绝对定位                relative 对象不可层叠 但将依据lrtb属性在正常文档流中偏移位置                         不会把对象从文档流拖出 就是人走了坑还在 别人不会顶上去            图文混排 就是弄个div 然后图像float设置一下 要在同一个div            图片上加文字 就是 图片用position absolute            js是基于对象和事件驱动的脚本语言 主要应用在客户端            基于对象 提供了很多对象 可以拿来使用  事件驱动：html静态的 js可以做成动态的            客户端 专门指浏览器            特点                交互性 信息的动态交互                安全性 不可以直接访问本地硬盘                跨平台性 只要是可以解析js的浏览器都可以执行 和平台无关            js和java的区别                java是sun公司现在oracle js是netscape                js 基于对象 java面向对象                js是弱类型 java强类型                js只要解析就可以执行 而java需要先编译成字节码文件 再执行            js的组成                三部分组成                   ECMAScript                    ECMA欧洲计算机协会                    由ECMA组织制定的js的语法 语句                   BOM                    Browser Object Model 浏览器对象模型                   DOM                    document object model 文档对象模型         */