CSS的一些简单概念

行内元素与块级元素在标准文档流里面,块级元素具有以下特点: ①总是在新行上开始,占据一整行:②高度,行高以及外边距和内边距都可控制:③宽带始终是与浏览器宽度一样,与内容无关:④它可以容纳内联元素和其他块元素. 行内元素的特点: ①和其他元素都在一行上:②高,行高及外边距和内边距部分可改变:③宽度只与内容有关:④行内元素只能容纳文本或者其他行内元素.不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是…

CSS中一些重要概念

在CSS的最后一个博客中,将学习整理一些CSS中的重要概念,对这些重要概念的掌握,将对CSS的认识十分重要. 了解这些概念对深入理解CSS的本质十分重要:(1)包含块containing block (2)BFC和IFC (3)层叠上下文如果要真正地掌握CSS,一定要对此认真研读.一定认真研读.一点认真研读(重要的事情说三遍). 1:包含块我们都知道,如果有两个div,一个是父元素,另外一个是子元素,父元素会决定子元素的大小和定位.包含块是什么呢?简单来说,就是可以决定一个元素大小和定位的元…

css制作最简单导航栏

css制作最简单导航栏…

css定位的简单总结

关于css的定位,相信初接触css的同学都头疼不已.相对定位.绝对定位连名字都这么像,用起来更是一会被遮住一会被挤出去,踩了很多坑之后,对css的定位进行一个简单的总结,以免重蹈覆辙. 其实掌握好几种定位的不同概念,加以练习可以很好的分清楚其中的差别和相似之处.做到游刃有余,任他萍踪侠影,但万变不离其宗. 定位(position)总共有5种,分别是:absolute.relative. fixed. static. inherit. 1.absolute: 绝对定位,脱离正常的文档流.其周围…

11-19网页基础--第二部分CSS样式表基本概念

CSS,全称(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. 一.基本概念:是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 你可能对CSS这个名词比较陌生,实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用好CSS能使你的网页更加简炼. 二.基本分类 1.内联…

css中的一些概念

1.伪类与伪元素 1.单冒号(:)用于 CSS3 伪类,双冒号(::)用于 CSS3 伪元素. 2.对于 CSS2 中已经有的伪元素,例如 :before,单冒号和双冒号的写法 ::before 作用是一样的. 3.所以,如果你的网站只需要兼容 webkit.firefox.opera 等浏览器,建议对于伪元素采用双冒号的写法,如果不得不兼容 IE 浏览器,还是用 CSS2 的单冒号写法比较安全. 4.<img> .<input>.<iframe>,这几个标签是不支持类…

一起学HTML基础-CSS样式表-基本概念、分类、选择器

一.基本概念: CSS (Cascading Style Sheets)层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. Style,样式,即目标显示出来的风格样式,作用是美化页面. 二.样式表分类: 内联式样式表.内嵌式样式表.外联式样式表. 1.内联式样式表:直接写在标签内部,使用Style属性设置样式.例如:设置div及span背景颜色及宽和高,会发现span是无法设置宽和高的,因为默认内容有多少就占用多少,无…

CSS制作一个简单网页的下拉导航栏

网页下拉导航栏的制作网页下拉导航栏的制作很简单,只需要运用好CSS中伪选择器. 首先说明几个简单的伪选择器(比较常用的): link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候通常导航栏是用列表标签制作,通过伪选择器的控制,实现其下拉的效果. 下面写一段简单导航栏: <div> <div class="navbar"> <ul class="…

CSS学习------之简单图片切换

最近一直在重温纯CSS,学习的时候真的才发现,css真的博大精深啊! 所以趁着学习的劲头,谢了个最简单的CSS图片切换! 先整理下思路: 首先我希望图片居中间,两边有个切换按钮,点击按钮的时候,可以实现图片切换! 所以,我先弄一个div盒子,让他为顶级div所有的东西都放在他里面: 所有布局如下代码: <div id="allbg"> <div id="picbg"> <div id="pic1"> <i…

Webservice简单概念

一.序言大家或多或少都听过 WebService(Web服务),有一段时间很多计算机期刊.书籍和网站都大肆的提及和宣传WebService技术,其中不乏很多吹嘘和做广告的成分.但是不得不承认的是WebService真的是一门新兴和有前途的技术,那么WebService到底是什么?何时应该用? 当前的应用程序开发逐步的呈现了两种迥然不同的倾向:一种是基于浏览器的瘦客户端应用程序,一种是基于浏览器的富客户端应用程序(RIA),当然后一种技术相对来说更加的时髦一些(如现在很流行的Html5技术),…

使用CSS实现一个简单的幻灯片效果

方法一: 简单的CSS代码实现幻灯片效果方法二: 使用CSS3 Animation来制作幻灯片方法一: 简单的CSS代码实现幻灯片效果话不多说,直接上代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>CSS实现简单的幻灯片效果</title> <style type="te…

JS+css滑动菜单简单实现

JS+css滑动菜单制作一个简单的滑动菜单,当鼠标指向菜单标题时,滑出二级菜单.移开时二级菜单隐藏.目标很简单,实践时有一些细节需要注意,比如鼠标移向二级菜单的过程中,二级菜单消失了.还有定位出错等等.. 一.使用了如下HTML标记结构 ul // 菜单条块 li // 子项块 a // 菜单(链接) div // 二级菜单块二.主要样式设置 1.ul list-style:none // 去掉前面圆点其它样式,边框内外补等等 2.ul li float:left;// 左浮,让菜单在同…

HTML标记语言和CSS样式的简单运用（Nineteenth Day)

曾经励志下去要坚持把每天所学的知识记录下来,可是坚持了几天后,就觉得自己坚持不下去了....这几天自己好好的想了想,觉得不能坚持也得要坚持,因为要对自己负责,所以得学会逼着自己去做,只有这样才能把一件事做到底......今天就总结一下所学到的知识. 理论: HTML(Hyper Text Markup Language) 超文本标记语言 HTML文档 = 网页 HTML标签(不区分大小写)(有些大写是自动生成的) 页面包括“格式标签”和“页面内容” 网页文件格式:.html或.htm HT…

还在为小三角形切图？使用纯CSS写一个简单的三角形

同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 <style> .icon{width:20px;height:20px;display:block;margin:0 auto;background:url(...)} </style> <div class="con"> <div class="icon"></div> <span>添加会…

Css实现一个简单的幻灯片效果页面

使用animation动画实现一个简单的幻灯片效果. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 /**HTML**/ div.ani /**css**/ .ani{ width:480px; height:320px; margin:50px auto; overflow: hidden; box-shadow:0 0 5px rgba(0,0,0,1); b…

PHP根据传入参数合并多个JS和CSS文件的简单实现

HTML(使用方法): 复制代码代码如下: <link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" /><script type="text/javascript" src="jsmin.php?get=jquery-1.6.…

CSS基础知识（概念、块级元素、行内元素、选择器）

1.CSS概念全称为Cascading Style Sheets(层叠样式表),支持专有的文件 - 扩展名为".css" 作用:将HTML的结构(HTML标签即html)与样式(显示的样式即css)进行分离 ² CSS语法结构语法格式:选择器{ 属性名称: 属性值; 属性名称: 属性值; } ² CSS 注释用来解释代码,且可随意编辑它,浏览器会忽略它. 格式:/* 内容 */ 2.如何使用CSS 内联样式通过HTML元素的style属性实现(<body>中),即…

div+css+position实现简单的纵向导航栏

完成效果: 这应该是很简单的纵向导航栏了. OK,进入正题首先,我们看上面的效果图可以分析得出,要实现这个效果需要用到的技术点 1.hover 2.position 3.布局我认为在这个效果的实现上最需要注意的就是position,当我们在给子元素用absolute的时候,一定不要忘了个其父元素设置relative,否则容易出错,这里可以简单记为“父相子绝” ok,看代码 <!DOCTYPE html> <html lang="en"> <head&g…

Servlet简单概念和开发小总结

一.Servlet概念安装了tomcat了解到其实tomcat是一个容器,可以处理用户发送的请求(Request),之后会为请求做出一个响应(Response),此时用户只能请求一些现成的资源,容器直接返回给客户,如果要容器能接受用户传递的参数实现数据的交互,那么还要在容器有专门的程序实现这样的数据交互,这样的程序叫做服务器端小程序,被叫做Servlet.要进行实现servlet的编写需要继承一个抽象类HttpServlet,这个类是tomcat提供的,安装完tomcat之后就有该类可以使用了…

css中box-sizing简单说明（标准盒式模型和怪异盒式模型）

今天写程序做布局的时候,遇到关于css中盒式模型的问题,百度了下这属性的解释,脑大啊,文字太绕看不懂.怎么办,于是自己动动手写了段程序测试,嗯,不错,一看效果就恍然大明白了.这里简单说明下,也可能说得比较粗浅.不过希望可以帮到一些前端的朋友. 首先说下box-sizing的取值问题,box-sizing的可选值有三个,inheirt,content-box(标准盒式模型)和border-box(ie6等非标准浏览器的怪异盒式模型): 首先说第一个取值content-box,content-box…

html + css + jquery实现简单的进度条实例

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jquery实现进度条</title> <style type="text/css…

【Css】一个简单的选项卡

这次来做一个简单的选项卡. 选项卡其实就分3个部分:html代码,用于显示的内容:css代码,用于显示的样式:javascript代码,用于点击事件. 老规矩,先写一个html坯子. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta…

【Css】一个简单的图片库

今天做一个简单的图片库! 其实这个在w3school教程里介绍得很好了,不过看到什么,自己动手做一次,记得也深刻不是. 我们分几步来走: 第一步:先写一个坯子. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>图片库</title> </head> <bod…

MySQL的简单概念及软件安装

数据库的简介一.数据库的基本概念:数据.数据库.数据库管理系统.数据库系统数据:数据(Data)是用来记录信息的可识别符号,是信息的具体表现形式. 数据库:(1)数据库(Database,DB)是指长期存储在计算机内的,有组织,可共享的数据的集合.简单地说,就是用来存放数据的仓库. (2)数据库中的数据按一定的数学模型.描述和存储,具有较小的冗余,较高的数据独立性和易扩展性,并可为各种用户共享. 数据库管理系统:(1)数据库管理系统(Database Management System,简称…

css自定义属性和简单效果

简介 CSS Variables,一个并不是那么新的东西,但对css来说绝对是一场革命. 之前使用变量的时候,需要借助sass.less等预处理工具来实现,现在我们可以直接使用css来声明变量. 兼容性老规矩,先来看下兼容性兼容性兼容性一片绿,红的那不是还有两个吗?做大事怎么能拘小节呢,让它咕噜(gun)一边去吧. 语法语法有点难看但很简单,--*来声明变量名,var(--*)来使用,也许你要问了,为什么使用--不用$一类的呢,唉,那不是sass.less两个货用了吗声明和使用必须…

OAuth2.0的那点荒唐小秘密 -几个简单概念和原理

OAuth2.0这个名词你是否在项目中时常听到呢?是否觉得好像懂,又好像不太懂呢? 最近一直想写篇关于OAuth2.0的东西,记录下我的学习与感悟,然各种理由的拖延,直到今日才静下心来写下这篇博客.当然,这里仅代表个人理解,如有纰漏之处,望园内大佬们不吝赐教- 好了,话不多说,干货顶上. 几个基本概念认证(Authentication)和授权(Authorization) 在接触OAuth2.0时是不是经常听到认证和授权这两个词呢?刚接触时,一直以为这两个词是一个意思,只是大家说法的不同而已.…

Salesforce学习之路（一）几个简单概念

Salesforce是一款非常强大的CRM(Customer Relationship Management)系统,国外企业使用十分频繁,而国内目前仅有几家在使用(当然,国内外企使用的依旧较多),因此相对来讲,中文资料相对较少.这里,结合之前参加的培训和自己的一些理解,说说Salesforce的相关知识,如有误之处,还请各位大佬们多多指点. 在刚接触Salesforce时,自己申请个试用版(https://login.salesforce.com/.),注册后便急急火火参考官网各种教程(http…

Jquery 搭配 css 使用，简单有效

前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做还是和往常一样,举个例子好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1…

CSS之过渡简单应用—日落西山

代码: <!DOCTYPE html><html><head> <title>日落西山</title> <meta charset="utf-8"> <style type="text/css"> .BK{height: 800px;border: 1px solid black; position: relative;overflow: hidden;animation: bj 1…

机器学习&数据挖掘笔记_15（关于凸优化的一些简单概念）

没有系统学过数学优化,但是机器学习中又常用到这些工具和技巧,机器学习中最常见的优化当属凸优化了,这些可以参考Ng的教学资料:http://cs229.stanford.edu/section/cs229-cvxopt.pdf,从中我们可以大致了解到一些凸优化的概念,比如凸集,凸函数,凸优化问题,线性规划,二次规划,二次约束二次规划,半正定规划等,从而对凸优化问题有个初步的认识.以下是几个重要相关概念的笔记. 凸集的定义为: 其几何意义表示为:如果集合C中任意2个元素连线上的点也在集合C中,则C为…

【CSS的一些简单概念】的更多相关文章