JavaWeb之CSS
IT_CREATE
小小编程码农一名,嘿嘿
展开
-
css概述及发展史
CSS的概述说明:本次演示代码用内嵌样式进行演示,外链样式只是导入css文件,在css文件中我们的写法是相同的,只是对html中的元素直接利用id、class等方式进行调用,不用写<style></style>标签,只需要style标签中的内容即可。 Htrml语言只是定义网页的标记的组成结构,它没法去让浏览器能够更加良好的显示我们的网页内容,这个时候就急需一个...原创 2018-11-09 20:12:12 · 970 阅读 · 0 评论 -
css定位模式position
定位模式position绝对定位position: absolute;绝对定位,它会将需要定位的元素,从元素结构树中将定位的元素抽离,然后使用left、 top、right、bottom四个属性,分别定位该元素需要距离最近的父元素的边框移动多少个像素,比如:left:200px,将元素向右移动200个像素,让该元素距离父元素的边框存在200个像素的距离。 如果元素不存在可以支持定位...原创 2018-11-10 09:45:14 · 350 阅读 · 0 评论 -
css美化背景
CSS美化背景背景颜色background-color背景颜色:background-color,background-cololr该属件除了可以修饰表单,表格,还可以修饰div ,甚至修饰整个页面都可以。 background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框)...原创 2018-11-09 20:57:36 · 905 阅读 · 0 评论 -
css美化图片
CSS美化图像网页中,可能存在大量的图片,但是大家又没有对那些图片进行修饰的话,网页会显示的非常凌乱,这个时候就需要我们大家通过CSS来统一的管理我们的图片,比如:给图片加边框,给图片设置宽高,以及一些其他效果。 图片边框如果需要在网页中,针对图片进行边框设置,只需要在图片的样式中,添加border属性即可。当然也可以用border一些衍生属性,比如: border-widh , ...原创 2018-11-09 20:55:15 · 1145 阅读 · 0 评论 -
css美化表格和表单样式
Css美化表格和表单样式表格创建默认是没有边框的,我们要用boder属性去设置表格的边框 表格基本样式表格边框合并boder-collapse在显示表格时,通常来说表格都是有边框的,边框的作用:主要用来界定不同的数据。当表格的border属性的值大于0的时候,边框才显示。当小于等于0,边框不会出现。当边框出现以后,我们可以采用border属性,以及border-collapse...原创 2018-11-09 20:53:46 · 7152 阅读 · 0 评论 -
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少。文字可以是网页传播信息的主要手段。那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性。 字体属性 属性 用途 语法(一些写法) font-family 设置字体类型 1)该属性主要用来指定文字字体类型,例如...原创 2018-11-09 20:45:58 · 4472 阅读 · 0 评论 -
盒子模型/设置边框/内边距、外边距
盒子模型在HTML中,浏览器在解析每一个标签元素时,都会将标签解析成一个装东西的盒子,超文本标记语言中,内容本身就定义在标签内部的。它将标签解析一个一个盒子,盒子之间存在间距,盒子内部装的东西与盒子之间也存在间距,并且盒子本身也是存在边框的。 盒子本身的边框也就是(边框border ),盒子和盒子之间的距离也就是(外边距 margin ) ,盒子到内容之间的距离也就是(内边距paddi...原创 2018-11-09 20:38:30 · 11222 阅读 · 0 评论 -
css编辑与查看之选择器声明
选择器声明集体声明在HTML页面中,有时如果存在多种类型的标签同时具备相同的样式声明时,我们可以采用集体声明。它们是同级关系。 例如:<style> div,p{ color: blue; }</style> 多种嵌套声明CSS在控制HTML页面标签的时候,可以使用层层递进(嵌套方式)的方式来对指定位置上的HTML标签进行样式修...原创 2018-11-09 20:30:13 · 325 阅读 · 0 评论 -
css编辑查看之css选择器
CSS的选择器选择器( selector )也被称之为选择符,所有的HTML标签在CSS中都需要使用选择器来进行控制,选择器不仅仅只是HTML的标签,还可以是ID选择器,类选择器(请与 JAVA中的类分开) ,或者元素的某些状态( a:ink, a:hover....),根据CSS标签,常见的选择器:标记选择器、类选择器、id选择器、元素选择器、属性选择器、伪类选择器等等。 标记选择器...原创 2018-11-09 20:27:48 · 524 阅读 · 0 评论 -
css编辑查看之样式选择
在HTML中使用CSS3.0记住在css中利用 @charset 设置编码解决编码乱码的问题CSS样式表可以非常良好的控制页面显示,分离网页内容和格式代码,它控制HTML标签的方式:行内样式、内嵌样式、外链样式和导入样式 行内样式行内样式是所有CSS样式中,最简单,最直接,最粗暴的方法,它是直接将样式代码和HTML标签代码直接放在一起。 比如:<p style...原创 2018-11-09 20:21:14 · 275 阅读 · 0 评论 -
css编辑查看之样式基本语法结构
CSS的编辑和查看CSS跟html一样,同样是文本文件,大家同样可以使用记事本,或者其他的一些开发工具进行源代码编写。 CSS基本语法CSS样式表示有若干个不同的样式按照一定的规则组成的,然后这些规则可以被应用到不同的html元素身上,从而来定义网页内容的显示效果。 CSS样式中的每一个样式都由三个部分构成:选择符(selector)、属性(property)、属性值(va...原创 2018-11-09 20:18:12 · 272 阅读 · 0 评论 -
css布局之浮动布局(float)
CSS布局模型流动布局流动布局,为网页自带布局方式也就是说网页默认情况下就是采用流动布局方式来完成对HTML元素的布置。 流动布局主要有2大特征:- 从块级元素上来说,块级元素在网页上默认采用从上到下的顺序来完成分布,每个块级元素独自一行,不能与其它的任何元素共享一行。并且块级元素默认的宽度,在不单独设置的情况下,默认就是100%;- 从行内元素上来说,行内元素在网页上默认...原创 2018-11-10 09:54:26 · 683 阅读 · 0 评论