HTML&CSS学习

CSS学习笔记之定位

CSS的盒子及相关盒子基础postion，float，display——版式边框（border）。可以设置边框的宽窄、样式和颜色。内边距（padding）。可以设置盒子内容区与边框的间距。外边距（margin）。可以设置盒子与相邻元素的间距。简写——上右下左，缺省取对边值较宽的外边距决定了元素间的距离没有设置width，其width为父元素width盒子的width是其内容区的宽度，增加边距
suemi·2014-11-13 16:29

css学习归纳总结（一）

赞助我以写出更好的文章，givemeacupofcoffee?2017最新最全前端面试题选择器的分组CSS选择器分为1.群组选择器如：p,body,img,div{}2.兄弟选择器如：p+p{color:#f00;}3.属性选择器如：p[title]{color:#f00;}4.包含（后代）选择器如：bodyulli{}5.子元素选择器如：div>p{}6.ID选择器如：#myDiv{}7.类选择
trigkit4·2014-11-12 00:00

没有就不能活的 53 个 CSS 技术

如果你在找CSS学习资源，那就收藏这篇文章http://blog.jobbole.com/79370/http://blog.jobbole.com/79370/
xuhaihua1990·2014-11-07 17:00

CSS学习笔记----盒子模型

盒子模型测试 /* *号表示所有标签，下面就是设置所有标签的padding和margin在一开始为0；这是写css的第一步。 */ *{ padding:0px; margin:0px; } /*padding是容器向内的间距控制，margin则是容器向外的间距控制，所以设置parent的padding相当于 设置child的margin；margin和padding有三种基本表示方式：ma
u014548034·2014-11-07 10:00

CSS学习

1.把一个链接设置成一个按钮 .saveButton{ border-radius: 0.5em; box-shadow: 0px 0px 1px ; cursor: pointer; display: inline-block; font: 12px/100% Arial,Helvetica,sans-serif;
艾伦蓝·2014-10-28 20:00

CSS学习中的十条速记口诀

1、IE边框若显若无，须注意，定是高度设置已忘记；注释:在IE下，如果边框若显若无，那肯定是忘记设置高度了。2、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；注释:如果浮动的子元素要被外面的父层元素包含住，那么就要在父元素中的某个地方添加一条clear:both;的样式，那么浮动的子元素就会出现在父元素中了。例子：.news{background-color:gray;borde
alex8046·2014-10-27 17:19

css学习笔记

还是在大一的时候接触的html，css。现在重新复习下。记录下我认为比较重要的注意点。padding：会让盒子变大，padding的颜色就是背景的颜色，一个margin，padding，border的盒子究竟占了多大的空间？答案是，宽度是margin-left，margin-right，padding-left，padding-right，border-left，border-right，widt
plugin·2014-10-02 20:00

CSS学习笔记：溢出文本省略（text-overflow）

原文:CSS学习笔记：溢出文本省略（text-overflow）在CSS3中，text-overflow属性的基本语法如下：clip:表示不显示省略文本，简单的裁切。
·2014-09-21 19:00

CSS学习笔记：文本换行显示（word-wrap）

在CSS3中新定义了文本换行属性，word-wrap:nomal属性值表示控制连续文本换行。break-word属性值表示内容将在边界内换行。如果需要,词内换行（word-break)也会发生。换行技术比较分析IE定义了多个换行处理属性：line-break、word-break、word-wrap，另外CSS1定义了white-space，CSS3增加了word-wrap。line-break专
·2014-09-21 16:00

CSS学习笔记：溢出文本省略（text-overflow）

在CSS3中，text-overflow属性的基本语法如下：clip:表示不显示省略文本，简单的裁切。ellipsis:表示对象文本溢出时显示省略标记，省略标记插入的位置是最后一个字符。ellipsis-word：表示当对象文本溢出时显示省略标记，省略标记插入的位置是最后一个词（word）。实际上，text-overflow属性仅用于决定当文本溢出时是否显示省略标记，并不具备样式定义的功能，要实现
·2014-09-21 13:00

CSS学习笔记：Media Queries

CSS3提供了MediaQueries（媒体查询）的概念，可以利用它查询以下数据：1、浏览器窗口的宽和高；2、设备的宽和高；3、设备的手持方向，横向/竖向；4、分辨率。@media规则的语法格式如下：@media:{sRules}(1):指定设备名称。CSS设备类型包括如下这些：、all:用于所有设备。aural:用于语音和音乐合成器。braille：用于触觉反馈设备。embossed：用于凸点字
·2014-09-19 21:00

11个实用的CSS学习工具

1. 盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2. CSS Diner通过一个简单的小游戏让你学习CSS selector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3. CSS Selectors 交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4. 前端Web开发考查CSS 
tyygming·2014-09-15 15:00

11个实用的CSS学习工具

1. 盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2. CSS Diner通过一个简单的小游戏让你学习CSS selector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3. CSS Selectors 交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4. 前端Web开发考查CSS 
gbin1·2014-09-12 16:00

CSS学习笔记——一些以前被自己忽视的属性

1、HTML和CSS颜色规范中定义了147中颜色名（17种标准颜色加130种其他颜色）。http://www.w3school.com.cn/cssref/css_colornames.asp（link里面列出了这些颜色）2、css的尺寸（http://www.baidu.com/s?wd=%E8%8B%B1%E5%AF%B8可以查查）：单位描述%百分比in英寸cm厘米mm毫米em1em等于当前的
小敏virgo·2014-08-27 14:00

CSS学习笔记——最基础的定义与使用

1、最近看看一些CSS的东西，发现每次看过就忘记，做起东西来就会非常的慢，所以有时间的话可以抽空多看看别人的网站，然后想想自己能不能做出这种效果。2、有哪几种设置样式的方式：浏览器缺省设置外部样式表内部样式表（位于标签内部）内联样式（在HTML元素内部）Thisisaparagraph多重样式根据优先级得到最后的结果3、不受继承影响//元素选择器body{font-family:Verdana,s
小敏virgo·2014-08-26 18:00

CSS学习

    我们有3种在html页面中引入样式的方式，分别为：inline，内部样式，外部样式。       1.inline:在标签内部用stlye引入样式，比如： <head style="border: 2px solid red">hello.</head>  
pollyanna·2014-08-16 22:00

JavaScript学习久 jquery4 向xx中增加元素

3）在xx内容之前插入xx：$("div").appendTo("#p1");（4）把xx插入到xx内容之前：$("div").prependTo("#p2");二（以标签为标志，外部插入）（1）在“CSS
hao707822882·2014-08-08 14:00

CSS学习前准备

工具 1、eclipse 2、emmet插件， https://github.com/emmetio/emmet-eclipse#readme       语法学习网站： http://www.w3cplus.com/tools/emmet-cheat-sheet.html 3、emmet语法参考 3.1、后代：> 3
gao.tang·2014-07-28 10:00

HTML+Css学习-------Canvas

标签   有属性width/height可以用来设置宽高，   但是宽高默认为：300px*150px(width*height)javascript操纵：   getContext("2d")：获取CanvasRenderingContext2D对象。   校验兼容性：  var canvas = document.getElementById('tutorial');      if (can
xiaojing___·2014-07-23 21:19

HTML+Css学习-------Canvas

标签有属性width/height可以用来设置宽高，但是宽高默认为：300px*150px(width*height)javascript操纵：getContext("2d")：获取CanvasRenderingContext2D对象。校验兼容性：  var canvas = document.getElementById('tutorial');    if (canvas.getContext
xiaojing___·2014-07-23 21:19

CSS学习------强制换行与不换行

http://www.hicss.net/solve-change-line-in-css/强制换行与强制不换行问题曾经一度困扰着我，每当遇到换行问题时候那就是痛苦回忆的开始，现在终于痛定思痛，一鼓作气把这个长期顽固问题给解决。强制换行与强制不换行用到的属性我们一般控制换行所用到的CSS属性一共有三个：word-wrap;word-break;white-space。这三个属性可以说是专为了文字断
xiaojing___·2014-07-15 22:48

CSS学习------强制换行与不换行

http://www.hicss.net/solve-change-line-in-css/强制换行与强制不换行问题曾经一度困扰着我，每当遇到换行问题时候那就是痛苦回忆的开始，现在终于痛定思痛，一鼓作气把这个长期顽固问题给解决。强制换行与强制不换行用到的属性我们一般控制换行所用到的CSS属性一共有三个：word-wrap;word-break;white-space。这三个属性可以说是专为了文字断
xiaojing___·2014-07-15 22:48

html and css学后感

      经过一周的html和css学习，对网页有了新的认识，当自己在打开一个网页的时候就会去想这个网页是怎么编辑的，是经过了哪一些我所学过的知识能实现这些效果。     
深蓝浅蓝·2014-07-15 21:00

Html+div+css学习笔记

Html+cssHtml入门须知http协议:Url、urihtml:超文本标记语言(显示内容)声明html文档类型html:超文本标记语言(显示内容)html基础:标题:段落:链接:连接标题图像:水平线:换行:注释:元素:在元素中你可以插入脚本（scripts）,样式文件（CSS），及各种meta信息引入css文件:link元素:html超链接的target属性:_blank、_parent
xuyi_Java·2014-07-13 11:57

CSS学习（二）—浮动

一、定义   浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 解决的问题：“如何在一行显示多个div元素”二、浮动与不浮动区别    图1      图2 区别   不浮动的框是由上往下独占一行的，而浮动的框是紧靠着排列的。图2中d1、d2、d3都是向左浮动的，所以先把d1放在紧靠着父框摆放，然后把d2紧靠着d1摆放，最后d3紧靠着d2摆放。向右浮动亦与之类似。语法
gxq741718618·2014-07-09 21:00

css3制作模块变大的效果

DOCTYPE HTML&;gt; &lt;html lang=&q
chunzhisu·2014-07-09 16:00

Javascript、CSS学习-----实例

百叶窗：  思路：     首先将页面工作区的宽度（或者高度）分成n等分；           然后按每份的宽度（或高度）在页面中添加n个等宽（或等高）的层；        (层的高度（或宽度）为页面工作区的高度，将层按顺序平铺在页面中)          然后用标记的style对象的clip属性的rect参数来是实现：           奇数层的高由大到小进行显示，偶数层的高由小到大进行显示。
xiaojing___·2014-07-08 14:21

CSS 外边距属性（Margin）

  css学习笔记：(参考：http://www.w3school.com.cn css参考手册) 1.CSS外边距属性（Margin）   实例1：设置p元素的上外边距：p { margin-top
wang_zhi_peng2007·2014-07-04 16:00

CSS学习（一）—基础

一、定义CSS 即级联样式表（CascadingStyleSheets），它是一种用来表现HTML或XML等文件样式的计算机语言。博文介绍：Html、CSS、Div联系  浅入浅出—CSS   CSS相对地址与绝对地址二、盒子模型    具备的属性：内容(content)、填充(padding)、边框(border)、边界(margin)。如下图所示：  盒子模型有两种，分别是IE盒子模型和标准W
gxq741718618·2014-06-29 21:00

CSS学习------CSS定位（position）与浮动(float）

position属性：用来对元素进行定位定位的意义：  定位允许你定义元素框相对于其正常位置应该出现的位置、            相对于父元素、            相对于另一个元素、            相对于浏览器窗口本身的位置。定位分为：绝对定位和相对定位。相对定位：   如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起
xiaojing___·2014-06-26 00:29

CSS学习-----框模型

框模型图示：   解释：元素的最内部分是实际内容   直接包围内容的是内边距   内边距的边缘是边框   边框外是外边距（外边框默认是透明的，不会遮盖其后的任何元素）。注意：背景应用与内部内容、内边距和边框组成的区域。很多浏览器会自动设置内外边距，所以需要自己将内外边距设置为0，来覆盖浏览器的样式。*(在CSS中，width和height指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响
xiaojing___·2014-06-25 21:49

CSS学习----块级元素和内联元素（display属性）

块级元素：  以块显示的元素，元素高度宽度可以设置。  块级元素比较霸道，默认状态下每次都占据一整行，后面的内容也必须再新起一行显示内联元素：  通俗点来说就是文本的显示方式，元素高度和宽度不可以设置了，其高度和宽度是自身文字和图片的高度和宽度。  内联元素的显示特点就是像文本一样的显示，不会独自占据一个行。块级元素主要有： address,blockquote,center,dir,div,dl
xiaojing___·2014-06-25 20:52

如何高效的学习css

CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法!
zyayyx85141·2014-05-28 12:00

CSS学习笔记（五）对齐

对齐一、margin属性，左右边距设为auto，即规定均等分配可用的外边距，结果就是居中。注释：IE8及更早版本需要声明!DOCTYPE。二、position属性，绝对定位absolute。注释：绝对定位会被从正常流中删除，并且能够交叠元素。      IE8及早期版本需要声明!DOCTYPE，否则会在右侧出现一个17px外边距。三、float属性，right，left使用float时，最好对的外
w120246892·2014-05-23 21:00

!!!常用CSS代码

qq21270/p/4891167.html手机页面，常用字号和布局（工作中用）http://www.cnblogs.com/qq21270/p/5083105.html 2015-12-28 阅读：css
bjhhh·2014-05-10 22:00

CSS学习笔记

利用CSS布局——清除浮动浮动对象对父元素的影响。当父元素没有指定高度的时候，并且它的子元素有浮动，这时它的父元素高度不会自动增加。解决办法：额外标签法overflow法绝对定位：是父元素为基准点，进行定位。会脱离文档流。相对定位：根据其自身为基准点，进行定位，离开原始位置，但是还占着。对文字的控制，水平居中，垂直居中text-align:line-height:IE6http://wpa.qq.
末日-稻草人·2014-05-01 07:00

CSS学习之路2

1、CSS背景色：可以用background-color属性设置背景色，这个属性接受任何合法颜色值。例子：p{background-color:gray;padding:20px;}设置背景为灰色，如果background-color没有指定颜色，那么即为透明色。2、CSS背景图像：需要使用background-p_w_picpath属性，默认值是none,表示没有任何图像如果需要设置背景图像，必
Im刘亚芳·2014-04-24 15:43

CSS学习之路2

1、CSS背景色：可以用background-color属性设置背景色，这个属性接受任何合法颜色值。例子：p{background-color:gray;padding:20px;}设置背景为灰色，如果background-color没有指定颜色，那么即为透明色。2、CSS背景图像：需要使用background-image属性，默认值是none,表示没有任何图像如果需要设置背景图像，必须设置一个U
Im刘亚芳·2014-04-24 15:43

CSS学习之路1

CSS语法：1、CSS规则由两个主要部分构成：1、选择器（selector）2、对选择器的声明  选择器（selector）通常是改变样式的HTML元素，声明由一个属性和一个值组成     语法：selector{property:value}2、例子：h1{clolr:red;font-size:14px;}  例子中h1是选择器，color和font-size是属性，red和14px是值。  
Im刘亚芳·2014-04-24 14:34

CSS学习之路1

CSS语法：1、CSS规则由两个主要部分构成：1、选择器（selector）2、对选择器的声明选择器（selector）通常是改变样式的HTML元素，声明由一个属性和一个值组成语法：selector{property:value}2、例子：h1{clolr:red;font-size:14px;}例子中h1是选择器，color和font-size是属性，red和14px是值。值的不同的写法：red
Im刘亚芳·2014-04-24 14:34

css学习笔记

================================================= css1.border:1px3px4px5px2.上下margin会取最大值3.盒子模型，每个标签都是一个盒子模型。4.浮动盒子：float:left;宽度仅仅是内容的宽度了。设置了浮动之后就会脱离标准流，那么下面的块会代替他们的位置，文字会围绕他们排列。5.clear:left.不让float左
cwj649956781·2014-04-18 09:00

DIV+CSS学习笔记

1，css选择器：标记选择器，类别选择器，ID选择器 另外，还有选择器的集体声明，选择器的嵌套的声明和子选择器。2，div和span的区别:div的display是block而span的display是inline，div默认纵向排列而span默认横向排列。3，引入css的方式：行内式、内嵌式、导入式和链接式。4，选择器的理解： A，选择器相当于地图中的图示，起着解释说明的作用。 B，ID选择器只
Winston1991·2014-02-26 22:37

CSS学习

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 selector {property: value} 例子： 在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 h1 {color:red; font-size:14px;} 继承关系 body所拥有的
daxiaoli123·2014-02-17 16:00

css学习笔记1

一，盒子模型margin和padding之间的关系，下图中content为实际显示的有意义的内容，例如文字和图像css中设置方式,四个方向的距离不一定都写出来，例如 padding-top:10px;  上内边距padding-right:10px;右内边距padding-bottom:10px;下内边距padding-left:10px; 左内边距padding:1p四边统一内边距1paddin
heiden_deng·2014-01-28 16:00

CSS学习笔记

派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。比方说，你希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器： {     font-style: italic;     font-weight: normal;   }请注意标记为的蓝色代码的上下文关系：我是粗体字，不是斜体字，因为我不在列
Kamputer·2014-01-21 09:00

HTML（XHTML标准+CSS）学习笔记（不定时更新）

以下为HTML+CSS学习笔记，大家可以参考下如果觉着查手册烦，可以查我这个本版为1.0.0.1001版，尚未整理日后等我学完了或访问量大的时候，我会整理一下的如果我有写错，请各位大神批评指正1.文本内容注在
2613df·2014-01-18 10:25

CSS学习篇核心之——定位

概述        关于CSS样式的进一步学习，我们今天主要学习下CSS的定位知识，定位就是定义我们的元素框由原来的位置在移动后所处的位置。关于定位有三种相对定位、绝对定位和浮动。 相对定位        相对定位相对来说是比较简单的，如果对一个元素进行相对定位，它首先出现在其初始位置，然后可以设置它垂直货水平位置，让这个元素“相对于”它的起点进行移动。        我们对框2进行设置，将top
zwk626542417·2014-01-17 10:00

[转]提高CSS的网页渲染效率

原文章来自：http://homepage.yesky.com/458/8225958.shtmlCSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。
adeyi·2014-01-15 15:00

html+css学习笔记——常见浏览器的兼容问题

1 ie6.0横向margin加倍 产生因素：块属性、float、有横向margin。 解决方法：display：inline； 2 ie6.0下默认有行高 解决方法：overflow:hidden;或font-size:0;或line-height：xx px； 3 在各个浏览器下img有空隙(原因是：回车。) 解决方法:让图片浮动。 4 一个父标签与几个子标签嵌套，父标签不浮动，
IT男男·2014-01-13 13:00

CSS学习篇核心之——盒子模型

概述        关于CSS的一些基础知识我们在前面文章中已经有所了解，这篇文章我们主要来学习下CSS中的核心知识盒子模型的知识。 盒子模型       元素框的最内部分是实际的内容（element），直接包围内容的是内边距（padding），内边距呈现了元素的背景，内边距的边缘是边框（border），外边距（margin)默认是透明的，因此不会遮挡其后的任何元素，对于这个图边框外的部分就是ma
zwk626542417·2014-01-02 19:00
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他