HTML&CSS学习

css学习任务一：绘制九宫格

今天开始加强实战，第一个任务是用css绘制九宫格。在完成任务过程中，发现自己又忘了一些很基础的东西，现整理如下：1、要将多块div放在同一行，用float：left来实现，在排满一行限制的宽度之后紧接着的div会另起一行重新横着排列；2、一开始我弄完之后，发现块与块之间是连在一起的，原来忘了加margin约束，下次一定要注意；3、代码虽然完成了，可是还是太冗余了，可以在写css的时候将含有同种属性
Abracadabra·2016-03-13 14:00

CSS学习（十三）-文本换行符技巧

一、理论：1.word-wrap用来断词而不是断字符2.word-break:a.break-all可以允许非中文断开b.keep-all在中文里不允许字断开2.white-space:a.nowrap文本强制不换行b.pre显示预定义文本格式3.浏览器适应：a.在ie下使用word-wrap:break-word声明可以确保所有文本正常显示b.在firefox下需要采用word-wrap:bre
bwshqh·2016-03-12 23:00

CSS学习（十二）-文本换行符

一、理论：1.word-wrap:a.normal在半角空格或连字符的地方进行换行b.break-word不截断英文单词换行2.word-break:a.normal中文到边界上的汉字换行，英文从整个单词换行b.break-all强行截断英文单词换行c.keep-all不允许字断开3.while-space:a.normal默认值b.pre文本空白处会被浏览器扣留c.nowrap文本会在同行上直到
bwshqh·2016-03-12 00:00

HTML+CSS学习笔记 (15) - css样式设置小技巧

水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。如下代码：html代码：我是文本，哈哈，我想要在父容器中水平居中显示。css代码：div.txtCenter{text-align:center;}水平居中设置-定宽块状元素当被设置元素
王隆帅·2016-03-11 18:13

CSS学习（十一）-CSS文本溢出

一、理论：1.text-overflow a.clip不显示省略标记b.ellipsis显示省略标记二、实践：1. Title .text-overflow-clip1{ width:80px; padding:10px; border:1pxsolid#ccc; text-overflow:clip; } .text-overflow-clip2{ width:80px; padding
bwshqh·2016-03-11 00:00

HTML+CSS学习笔记 (14) - 单位和值

颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2、RGB颜色这个与photoshop中的RGB颜色是一致的，由R(red)、G(green)、B(blue)三种颜色的比例来配色。p{color:rgb
王隆帅·2016-03-10 19:34

CSS学习（十）-CSS字体、CSS字体阴影

一、理论：1.css字体类型a.font-family字体类型b.font-style字体样式c.font-weight粗细，可设置数字d.font-size-adjust是否强制对文本使用同一尺寸e.font-stretch横向拉伸变形字体f.foont-variant字体大小写2.css文本类型a.word-spacing词间距b.letter-spacing字符间距c.vertical-al
bwshqh·2016-03-09 23:00

CSS学习-1

/**************************************************本文叙述了CSS简介等基础知识*********************************************************/一、CSSCSS,CascadeStyleSheet。是用来装潢HTML网页的一门技术。在HTML中引入CSS总共有3种方式：1.外部样式表； css
cfyzcc·2016-03-08 20:00

【前端学习】getElementsByTagName(）

css学习 p1 p2 p3 p4 var b = document.getElementsByTagName("p"); for(index in b) document.write
騡月·2016-03-08 08:00

CSS学习（九）-CSS背景

一、理论：1.background-break a.bounding-box背景图像在整个内联元素中进行平铺b.each-box背景图像在行内中进行平铺c.continuous下一行的背景图像紧接着上一行中的图像继续平铺以上仅在firefox下可用2.css多背景a.background-image设置元素背景图片民，可用相对地址或绝对地址索引背景图像b.background-repeat设置元素
bwshqh·2016-03-07 23:00

CSS学习（八）-background-origin、background-clip

一、理论：1.css背景属性简介：a.background-color背景颜色b.background-image背景图片c.background-repeat铺放格式d.background-attachment固定或者滚动e.background-position设置背景图片位置f.background-origin指定绘制背景图片的起点g.background-clip指定背景图片的显示范围
bwshqh·2016-03-06 18:00

CSS学习（七）-边框阴影效果（下）

一、理论：1.阴影层级：边框>内阴影>背景图片>背景色>外阴影2.多层阴影：每层之间用逗号隔开3.box-shadow兼容性：a.在现代浏览器新版本无须加前缀，但旧版本需要加b.ie8以下需要用ie滤镜来模拟实现c.box-shadow具有多个参数可选，可制作出圆润的阴影效果二、实践：1. Title .box-shadow{ width:200px; height:100px; bord
bwshqh·2016-03-06 01:00

Css攻克Selectors 一

Selectors(选择器) ---------------参考MDN中css学习。
DarkInn·2016-03-04 15:00

Css攻克Selectors 一

Selectors(选择器) ---------------参考MDN中css学习。
DarkInn·2016-03-04 15:00

HTML+CSS学习笔记 (11) - CSS盒模型

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、元素分类--块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下
王隆帅·2016-03-04 15:00

HTML+CSS学习笔记 (10) - CSS格式化排版

文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设
王隆帅·2016-03-04 15:00

HTML+CSS学习笔记（9）- CSS的继承、层叠和特殊性

标签：HTML+CSS继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文本都设
王隆帅·2016-03-04 11:00

HTML+CSS学习笔记（8）- CSS选择器

标签：HTML+CSS什么是选择器？每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; }在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素标签选择器标签选择器其实就是html代码中的标签。如下面代码中的、、、、。例如下面代码：p{font-size:12px;line-height:1.6em;}上面的css样式代码
王隆帅·2016-03-04 11:00

CSS学习（六）-css圆角边框高级效果、边框阴影效果（上）

一、理论：1.border-radius:a.表格应用圆角:表格必须使用border-collapse属性为separate，表格圆角才能正常显示b.圆形:元素的宽度和高度相同，圆角的半径值50%(或高度的一半)c.半圆:元素的宽度与圆角方位配合一致，以不同的高度比例等项即可制作半圆d.扇形:元素的宽度、高度、半径值相同，根据圆角位置不同可制作不同的扇形e.椭圆:需要设置圆角的水平和垂直方向的半径
bwshqh·2016-03-04 01:59

CSS学习（六）-css圆角边框高级效果、边框阴影效果（上）

一、理论：1.border-radius:a.表格应用圆角:表格必须使用border-collapse属性为separate，表格圆角才能正常显示b.圆形:元素的宽度和高度相同，圆角的半径值50%(或高度的一半)c.半圆:元素的宽度与圆角方位配合一致，以不同的高度比例等项即可制作半圆d.扇形:元素的宽度、高度、半径值相同，根据圆角位置不同可制作不同的扇形e.椭圆:需要设置圆角的水平和垂直方向的半径
bwshqh·2016-03-04 01:00

CSS学习（五）-css圆角边框

一、理论：1.border-radius:左上\右上\右下\左下2.border-radius:圆角水平半径/圆角垂直半径3.在img上应用border-radius在webkit内核浏览器上不能对图片进行剪切二、实践：1. Title .border-radius{ width:250px; height:100px; border:10pxsolidorange; border-rad
bwshqh·2016-03-03 01:00

HTML+CSS学习笔记（7）- CSS样式基本知识

内联式css样式，直接写在现有的HTML标签中CSS样式可以写在哪些地方呢？从CSS样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。注意要写在元素的开始标签里，下面这种写法是错误的：这里文字是红色。并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在
王隆帅·2016-03-03 00:20

CSS学习（四）-css边框样式（下）

一、理论：1.注意制作边框的图片的高与宽2.边框宽度配合到位3.切割边框背景图片合理二、实践：1. Title .border-image-btn{ display:inline-block; border:18pxsolidgreen; border-width:018px; border-image:url("images/round-box1.jpg")0185018; -webki
bwshqh·2016-03-02 00:00

HTML+CSS学习笔记 (7) - CSS样式基本知识

HTML+CSS学习笔记(7)-CSS样式基本知识内联式css样式，直接写在现有的HTML标签中CSS样式可以写在哪些地方呢？
王隆帅·2016-03-01 17:00

CSS学习总结

CSS学习总结一、简介        W3C的介绍中介绍CSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素。
GITTODO·2016-03-01 16:00

CSS学习（三）-css边框样式（上）

一、理论：1.css边框简介a.border-width设置粗细b.border-color设置颜色c.border-style设置类型d.以上都遵守TRBL原则，例：border-top-style2.边框的类型a.none无边框b.hidden无边框，但对于表而言是解决边框冲突c.dotted点状边框d.dashed虚线边框e.solid实线边框f.double双线边框g.groove凹槽边框
bwshqh·2016-02-29 23:00

HTML+CSS学习笔记 (6) - 开始学习CSS

HTML+CSS学习笔记(6)-开始学习CSS认识CSS样式CSS全称为“层叠样式表(CascadingStyleSheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等
王隆帅·2016-02-29 17:00

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

HTML+CSS学习笔记（5）-与浏览者交互，表单标签1、使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。
王隆帅·2016-02-29 17:00

HTML+CSS学习笔记(4) - 认识标签（3）

HTML+CSS学习笔记(4)-认识标签（3）1、使用标签，链接到另一个页面使用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
王隆帅·2016-02-29 17:00

HTML+CSS学习笔记（3）- 认识标签（2）

HTML+CSS学习笔记（3）-认识标签（2）1、使用ul，添加新闻信息列表在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，这些列表就可以使用ul-li标签来完成。
王隆帅·2016-02-29 17:00

CSS学习（二）-结构伪类选择器、属性选择器

一、理论：1.结构伪类选择器：a.E:first-child:选择第一个子元素b.E:last-child:选择最后一个子元素c.E:root:选择匹配元素E所在文档的根元素d.EF:nth-child(n):选择E的第n个子元素e.EF:nth-last-child(n)：选择元素E的倒数第n个子元素f.E:nth-of-type(n)：选择父元素内具有指定类型的第n个E元素g.EF:nth-l
bwshqh·2016-02-28 23:00

css学习（一）-CSS基础、css选择器

1）理论：一.CSS基础：1.css3的新特性：a.强大的css3选择器b.抛弃图片的视觉效果c.背景的变革d.盒模型变化e.阴影效果f.多列布局与弹性盒模型布局g.web字体和webfont图标h.颜色与透明度i.圆角与边框的新法j.盒容器的变形i.css3过渡与动画交互效果j.媒体特性与Responsive布局2.使用css3的好处：a.减少开发与维护的成本b.提高页面性能3.渐进增强：a.在
bwshqh·2016-02-27 23:00

HTML+CSS学习笔记(2) - 认识标签（1）

HTML+CSS学习笔记(2)-认识标签（1）1、语义化，让你的网页更好的被搜索引擎理解标签的用途：我们学习网页制作时，常常会听到一个词，语义化。
王隆帅·2016-02-20 21:00

HTML+CSS学习笔记(1) - Html介绍

HTML+CSS学习笔记(1)-Html介绍1、代码初体验，制作我的第一个网页 制作我的第一个网页 Helloworld 2、Html和CSS的关系学习web前端开发基础技术需要掌握：HTML
王隆帅·2016-02-20 21:00

css学习之路tip1

楼主是前端初学者，下面的内容是楼主在学习中遇到的一些问题的解决办法，文糙字拙，惟愿与道同者共勉。 （前言）博客中所有关于css的语言，全部是用less写的。Less 扩充了CSS语言,增加了诸如变量、混合(mixin)、运算、函数等。 Less 既可以运行在服务器端(Node.js和Rhino平台)也可以运行在客户端(浏览器)。相对于css来说更加方便，并且它易学。在此给还没有用这个语言的同学们，
刘羽惜·2016-02-19 16:00

te

DOCTYPEhtml><html&;amp;gt;<head><metacharset
吴劲韬·2016-02-13 23:00

CSS学习笔记

初学CSS的笔记整理：CSS工作方式：浏览器在展现一个文档时，必须将文档内容和CSS结合起来，处理过程如下：         ①浏览器先将标记语言和CSS转换成DOM结构，此时DOM代表电脑内存中的相应文档，因为它已经融合了文档内容和相应的样式表。         ②然后浏览器把DOM的内容展示出来。       2.层叠和继承：         ①层叠样式的优先级从高到低依次为：网页开发者定义的
大大薇·2016-02-11 23:00

css学习01

              欢迎来到梦想之都                         @import url(http://XXXX/style.css);                                  .p1{             /**color：前景色**/             color: #FF0000;         }         #d
蓝狐乐队·2016-02-06 11:00

div+css学习笔记2

1、blockquote段落缩进能使整个段落缩进。HTML不同于过去学过的各种面向对象语言,函数式语言,它不像其他语言有明确的上下文的逻辑关系.所以并不像其他语言一样需要有什么特定的基础,希望这句话能让你远离学习过别的语言的阴影.2、text-indent属性让段落首行缩进。p{ text-indent:5px; } 3、margin:0auto;居中这个在IE8.0下会失效，但在其他浏览器下
凌步·2016-02-05 10:00

div+css学习笔记1

今天开始撰写我的学习笔记，今天是第一次写，但是我给自己的目标是坚持写，写给现在的自己，更写给未来的自己，希望围观的各位客官见谅。今天学习主题是DIV+CSS，其实标准的讲应该称XHTML+CSS。一：CSS的四种控制HTML的方式1、行内式。 直接写在标签行内部。例：2、内嵌式。 将代码写在在html的头部之间。例: 3、链接式 使用率最高、最实用的一种。也是将代码在例:,其中sty
凌步·2016-02-04 09:00

div+css学习笔记1

今天开始撰写我的学习笔记，今天是第一次写，但是我给自己的目标是坚持写，写给现在的自己，更写给未来的自己，希望围观的各位客官见谅。今天学习主题是DIV+CSS，其实标准的讲应该称XHTML+CSS。一：CSS的四种控制HTML的方式1、行内式。 直接写在标签行内部。例：   2、内嵌式。 将代码写在在html的头部之间。例:  3、链接式 使用率最高、最实用的一种。也是将代码在例:  
凌步·2016-02-04 09:00

CSS学习笔记－图片img与父元素div之间的间隙解决

前言之前在写网页的时候有一个展示图片的需求,我使用一个div包裹一个img,但是在浏览器中预览的时候碰到了一下的问题,仔细看,图片和div之间有间隙。下面贴上简易的代码.content{float:left;margin:100pxauto;background:pink;}我外层容器content设置浮动,按浮动元素会收缩的原理,本不应该出现这条粉色的间隙,但为什么这里会有呢？之后去网上查了一下
_咸魚君·2016-02-01 00:00

css学习笔记20160125分组嵌套选择器尺寸显示

所谓分组选择器就是当多个选择器对应的元素需要相同的样式时可以将多个选择器以逗号分隔放在一条样式声明的前面达到多个选择器多条样式声明相同的效果.所谓嵌套选择器就是实现对选择器内部的选择器对应的元素实现样式的设置.csscss尺寸(dimension)属性包括以下几个方面height,width,max-height,max-width,min-height,min-width,line-height
今秋复来此·2016-01-26 21:48

HTML&&CSS学习笔记

这里记录的是学习HTML和CSS过程中遇到的一些问题。1.相对与原始位置对元素移动就是相对定位。CSS中用#id改变元素样式时，id不能是数字。2.一般不设置height属性，如果设置的话，用min-height效果更好。 
地下城主·2016-01-26 18:00

CSS+DIV：理论实战缺一不可

于是乎在学完js后就马不停蹄的奔入CSS的世界，与自己期待一样，CSS世界也同样精彩，在CSS学习过程中又逐渐完善自己知识体系中前台开发的这块儿。
u012829124·2016-01-24 19:00

CSS学习03

CSS定位定位方式：要与定位属性配合使用。position：元素定位方式，取值：statics、fixed、relative、absolutestatice：静态定位（默认状态、不定位）fixed：固定定位relative：相对定位absolute：绝对定位定位坐标：指定定位的元素，偏移目标元素多远的距离。left：定位元素，距离目标元素左边的距离。top：定位元素，距离目标元素上边的距离。rig
qq_33756795·2016-01-24 12:00

CSS学习总结

1.清除浮动老生常谈的话题，面试经常问的问题解决方法有很多种，这里讲几种1.1子元素加clear复制代码代码如下:SomeText.news{background:gray;border:solid1pxblack;}.newsp{float:right;}.clear{clear:both;}这种方法可以扩展出很多种不同的方法，如JS动态添加，设置一个公共的类然后添加，或者直接就是一段内联sty
佚名·2016-01-20 14:27

CSS学习摘记

层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展
Andrewniu·2016-01-20 14:00

CSS基础-插曲

CSS学习1：通过css来设置边框的颜色我们可以通过border:10pxsolidred;来统一的设置颜色，但是我们有的时候需要每个边框的颜色不一样，我们就需要通过各自设置的方法来设置边框的颜色。                
—阿辉·2016-01-17 22:00

CSS学习02

CSS列表属性list-style：列表样式，取值：none。去掉项目符号或编号前面的各种符号。ul,li{ list-style:none; }CSS边框属性：每个元素都可以加边框线border-left：左边框线格式：border-left：粗细线型颜色;线型：none、solid（实线）、dashed（虚线）、dotted（点状线）举例：border-left:1emdashedred;bo
qq_33756795·2016-01-16 21:00
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他