文档章节

JavaWeb前端开发知识总结(CSS)

S
 Sunmos
发布于 2017/05/13 00:19
字数 587
阅读 5
收藏 0

JavaWeb前端开发知识总结(CSS)

1. CSS技术

1.1 CSS概述

  • CSS 指层叠样式表 (*C*ascading *S*tyle *S*heets) .

CSS规范

引入方式:
    1.<标签 style="css属性1:属性值1;css属性2:值1 值2;..." >内容体</标签>
    2.<style> 选择器 { css代码 } </style> 3.<link rel="stylesheet" href="相对路径css文件" /> /*使用外部的css文件*/ 注意事项: 1.引入外部CSS样式时,使用<link rel="stylesheet" href="css/style.css" />,其中的rel属性不能省略; 2.div布局时使用float属性进行div的浮动排列,当一行布局结束后使用clear属性进行浮动布局的清除. 优先级:行内样式>页面样式>外部样式.

1.2 CSS选择器

元素选择器:
    标签名称{ css代码 } id选择器: #id属性值{ css代码 }
类选择器:
    .class属性值{ css代码 } 并列选择器: 选择器1,选择器2{ css代码 }
后代选择器:
    选择器1 选择器2{ css代码 } /*选择器1里面所有选择器2*/ 子元素选择器: 选择器1 > 选择器2{ css代码 }  /*选择器1里面的第一层选择器2所代表的元素*/

1.3 CSS常用属性

字体:
    大小:font-size:数字px;
    颜色:color
    字体:font-family,字体的类型
    字体粗细:font-weight:数字
对齐方式:对于文本的对齐方式,text-align:center/right/left
布局(浮动属性)float:针对块级元素(div,table)有效,使用display:inline-black,可以将行内元素转换为块元素
    float的值--left:向左浮动,使用-- float:left
    float的值--right:向右浮动,使用-- float:right
清除浮动clear:both/left/right,可以是<br clear="all" />进行清除浮动
width/height:宽度高度,只针对块级元素有效.

盒子模型:

边框border:宽度 颜色 样式;
    border:1px solid red;
    border-bottom:1px solid red;
margin:外边距
    描述:边框距离外部的
    margin: 10px; /*设置四边外边距*/
    margin:10px 5px; /*上下是10px,左右5px*/
    margin-left:5px; /*设置左外边距*/
    对于div居中:margin:0 auto;等价于margin-left:auto;margin-right:auto;
padding:内边距
    padding:10px;  /*设置四周内边距*/
    padding:10px 5px; /*上下内边距10px 左右内边距5px*/
    padding-left:5px;

本文转载自:http://blog.csdn.net/l631106040120/article/details/71107703

S
粉丝 0
博文 34
码字总数 0
作品 0
成都
私信 提问
三,JavaWeb之什么是JavaWeb

但是不要怕,学会JSP,servlet,Java就行了,其他的等开始开发后台了再慢慢一个一个撸过去就行了。下面是装13环节。这么多高大上的技术,必须知道他们的中文名才能装得下去是不?否则请脑补一...

zhanggong
2016/01/13
140
0
2018 前端面试准备

前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-Developer-Questions by Modules and knowledge 前端面试经典问题:CSS 中居中的几种方...

掘金官方
2017/12/14
0
0
看过的书籍

疯狂java讲义(讲得比较细,对全面了解jdk有很大帮助) 疯狂android讲义(当时要做android,买了这本书) oracle从入门到精通(系统讲oracle使用) 精通div+css网页样式与布局(程序员在样式方...

rock912
2016/01/21
128
0
做一个完整的Java Web项目需要掌握哪些技术?

最近自己做了几个JavaWeb项目,有公司的商业项目,也有个人做着玩的小项目,写篇文章记录总结一下收获,列举出在做项目的整个过程中,所需要用到的技能和知识点,带给还没有真正接触过完整j...

Deamon Thread
2017/12/19
0
0
[求靠谱驻场][JavaWeb开发][2-3月][价格是人天]

人天的价格还有上调的空间 1,专科以上,3年以上软件开发相关专业 2,JAVA基础知识扎实, 熟悉基于JavaWeb的B/S架构应用开发,了解Java EE规范 3,英文阅读能力过关,能阅读英文文档,了解如何科...

凝新HR
2016/07/21
5
7

没有更多内容

加载失败,请刷新页面

加载更多

动态代理知识详解

动态代理实现的两种方式 给动态代理举个栗子:例如我们平时买笔记本电脑,很多时候都是不从厂家拿货,而是通过经销商买电脑。代理模式出现解决了生产厂家的一些问题,那么这个这个思想在我们...

我叫小糖主
12分钟前
2
0
Calendar TimeZone SimpleDateFormat

关于Calendar类的使用可参考:Java Calendar类的使用总结 获取日历(Calendar):java.util.Calendar#getInstance() 获取时区TimeZone: TimeZone.getTimeZone("GMT+00:00"); 或:TimeZone.ge......

Hzhodor
12分钟前
0
0
这 17 个 JVM 参数,高级 Java 必须掌握

前言 大家都知道,jvm在启动的时候,会执行默认的一些参数。一般情况下,这些设置的默认参数应对一些平常的项目也够用了。但是如果项目特别大了,需要增加一下堆内存的大小、或者是系统老是莫...

编程SHA
18分钟前
0
0
jenkins配置自动发送邮件

1.开通QQ的SMTP服务,需要发一条短信,qq会给你一个密码(不是你的QQ邮箱密码哦) 2.安装 Email Extension Plugin 插件 3.进入系统管理--系统设置 3.1按照如下图设置 首先找到 Extended E-m...

shzwork
22分钟前
0
0
网络请求异常拦截优化

目录介绍 01.网络请求异常分类 02.开发中注意问题 03.原始的处理方式 04.如何减少代码耦合性 05.异常统一处理步骤 06.完成版代码展示 好消息 博客笔记大汇总【16年3月到至今】,包括Java基础...

潇湘剑雨
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部