JAVA编程学习笔记,层叠样式表CSS常用总结

Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言。Java 技术具有卓越的通用性、高效性、平台移植性和安全性,广泛应用于PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网,同时拥有全球最大的开发者专业社群。

给你学习路线:html-css-js-jq-javase-数据库-jsp-servlet-Struts2-hibernate-mybatis-spring4-springmvc-ssh-ssm

层叠样式表 CSS

1.CSS介绍:

引题:

网站中的所有页面的标题都是黑色

老板需要将页面中的所有的标题改为红色

定义:

Cascade Style Sheet 层叠样式表

html 在一个网页中负责的事情是一个页面的结构

css(层叠样式表) 在一个网页中主要负责了页面的数据样式。

优势:

使得页面的结构和表现分离

2.CSS引入方式:

行内样式:

Hello World

内部样式:

小编推荐一个学Java的学习裙【 六五零,五五四,六零七 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

内部样式

外部样式:

外部样式

优先级问题???

行内样式 > 内部样式 > 外部样式 就近原则

link和@import引入外部样式的区别???

link与@import区别

3.CSS选择器

作用:选择器的作用就是找到对应的数据进行样式化

格式:选择器{ 属性:属性值; }

常见的选择器

4.伪类和伪元素:

它们允许应用的样式用于文档不存在的结构上,或者是通过当前元素的状态甚至是文档自身的状态而推断的某些东西上。伪类选择器就是对元素处于某种状态下进行样式的。

小编推荐一个学Java的学习裙【 六五零,五五四,六零七 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

标签的伪使用

案例尝试

5.常用操作属性

背景与文本

表格

边框

6.盒子模型

盒子模型就是把一个html边框比作成了一个盒子的边框,盒子模型要做用于操作数据与边框之间的距离或者 是边框与边框之间的距离。

盒子模型主要是用于操作内边距(padding)与外边距(margin)

盒子模型

尝试代码

绝对定位与相对定位区别:

position: absolute;绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。

绝对定位本身与文档流无关,因此不占空间,普通文档流中的元素的布局就当绝对定位的元素不存时一样,所以 它们可以覆盖页面上其他的元素,且可以通过z-index属性来控制这些层的对方顺序。

小编推荐一个学Java的学习裙【 六五零,五五四,六零七 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

绝对定位

position: relative;相对定位:相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上(即不设置position时的位置,然后通过设置垂直或水平位置,让这个元素“相对于”它的原始起点进行移动;

注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

相对定位

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180330A1XWFS00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券