css学习笔记

[HeadFirst-HTMLCSS学习笔记][第六章严格的HTML]

远古古老的html4.01和XHTML1.1页面必须用Doctype挑明，再html元素上面html4.01 XHTML1.1 html5 工具在https://validator.w3.org验证自己的网页是否符合标准字符标准标记 一般放head里其他版本的meta标记更麻烦 总结HTLM5是一个活的标准
zy691357966·2016-04-03 10:00

[HeadFist-HTMLCSS学习笔记][第五章认识媒体]

图像格式PNG多种颜色透明无损压缩PNG-8，PNG-16，PNG-32多用于logoGIF动画256色无损JPEG不能透明多用于照片imgURL能插入alt属性=如果无法显示图像，浏览器将显示替代文本width属性=宽度height属性=高度//像素数尽量少用w和h来压缩图像，因为浏览器还是会加载原图像，用ps改善于使用缩略图然后用链接打开原图！用photoshopelements来简单修改图片
zy691357966·2016-04-03 10:00

[HeadFist-HTMLCSS学习笔记][第四章Web镇之旅]

重要访问一个目录，即是访问他的index链接到网站，必须加http://的title属性，能预先知道链接信息id属性使得能再本地跳转.使用#来指定June2,2012 jump target属性target="_black"从新窗口打开链接 target="coffee"给新窗口命名，再coffee窗口打开 不怎么重要file协议file:/// 正常服务都在80端口
zy691357966·2016-04-03 10:00

[HeadFirst-HTMLCSS学习笔记][第三章创建网页]

一些基本元素以下元素都可以用CSS变得更好看q,,,,,ol,ul,li,pre,code,time元素短引用内联元素效果是这样ddddddddd一般是双引号长引用块元素在Githubcss中是这样HelloIamblockquate一般只是缩进了强调斜体提供回车符void元素==dd==**dd**加粗列表元素有序列表ol+liorderlist+listitem无序列表ul+liunorder
zy691357966·2016-04-03 10:00

[HeadFrist-HTMLCSS学习笔记][认识HTML中的“HT”]

学习超链接超链接使用\元素创建一个超文本链接，链接到另一个Web页面。\元素的内容会变成为Web页面中可单击的文本。href属性告诉浏览器链接的目标文件elixirs href=hypertextreference(超文本引用)还能引用到别的文件，链接把图片放到里面，图片就能变成可点击的了解属性(Attributes)利用属性，可以指定一个元素的附加信息例子： 组织相对路径跟linux差不多，
zy691357966·2016-04-03 10:00

[HeadFrist-HTMLCSS学习笔记][第一章Web语言：开始了解HTML]

headtitlebody元素=开始标记+内容+结束标记还能给段落一个变量名 body style元素-type来指定说明要用css，不过现在貌似也可以完全不用。 具体例子 body{//body表示要应用于html内容body的部分 background-color:#d2b48c;//设置背景为土黄色 margin-left:20%;//左边距占页面20% margin-right:20
zy691357966·2016-04-03 10:00

CSS学习笔记

一. css布局方式：默认的，按文档流的顺序，按HTML的结构顺序浮动方市定位方式二. css控制背景：background-color：#ccc；background-image：url（背景图像的位置及全称）background-repeat：[repeat、no-repeat、repeat-x、repeat-y]（背景图像的重复方式background-position：top[left、c
wzg31796·2016-03-23 12:00

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

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

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

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

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

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

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

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

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学习笔记

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

今天学习之前剩下的一个问题：CSS的position属性。首先归纳出和position相关的问题：position作为一个属性，它一共有哪几个属性值？position常用的属性值有哪几个？分别有什么特点？第一个问题：position作为一个属性，它一共有哪几个属性值？对于position属性，他一共有5个值，分别是static：默认值。没有定位，元素出现在正常的流中。relative：生成相对定位
老贝V5·2016-01-11 17:00

CSS学习笔记——CSS中定位的浮动float

昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题：1.浮动到底是怎么样的？2.浮动对元素的影响有什么？3.浮动主要用来干什么？ 第一个问题：浮动到底是怎么样的？W3CSCHOOL对浮动属性的解释：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。我个人的
老贝V5·2016-01-09 18:00

CSS学习笔记——CSS中定位的浮动float

昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题：1.浮动到底是怎么样的？2.浮动对元素的影响有什么？3.浮动主要用来干什么？第一个问题：浮动到底是怎么样的？W3CSCHOOL对浮动属性的解释：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。我个人的理
老贝V5·2016-01-09 16:05

CSS学习笔记——盒模型，块级元素和行内元素的区别和特性

今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后，自己的主要注意力几乎都放在JavaScript上面了，对CSS和HTML这方面其实基础真的很差，今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下，自己确实在这些基础方面的不足很多，所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法。其中可能中会有
老贝V5·2016-01-08 18:00

[置顶] HTML,CSS,JavaScript学习笔记--导航

HTML，CSS学习笔记HTML基础http://blog.csdn.net/q547550831/article/details/50096001CSS+DIV详解http://blog.csdn.net
q547550831·2015-12-27 23:00

CSS学习笔记－元素水平垂直居中

前言布局中经常会遇到元素水平居中的需求,今天根据以前的学习笔记?以及看过的一些技术博客做个元素水平居中的小结。正文图片的水平垂直居中//图片地址为http://static.jsbin.com/images/dave.min.svg.container{height:300px;width:300px;background:yellow;text-align:center;vertical-ali
_咸魚君·2015-12-25 00:00

【CSS学习笔记】绝对定位的父类参照物的确定

今天看CSS定位的课程，了解到一个元素要设置绝对定位，需要确定一个父类或者祖先类参照物，默认是根元素html。这个默认根元素已经明确，但是祖先类元素参照物如何确定呢？JustTry首先，给出代码：html部分let'sbegin.onetwothreefourfivehelloworld!css部分#one{background-color:lime;outline:2pxda
uolcano·2015-12-25 00:00

【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨

初始问题描述最近在学习CSS的display属性时，遇到一个在IE6/7下html块级元素设置inline-block属性的兼容性问题，于是就查资料，网上很多关于这个问题的解答，大致的描述如下：[1]IE6、IE7支持对html行内元素设置inline-block。实际上只是看起来支持而已，IE6、IE7并不识别inline-block这个属性值，只是触发了layout，让行内元素有了inline
uolcano·2015-12-24 00:00

div+css学习笔记

div+css的讲解◆div+css的介绍  div是用于存放html元素，文字，图片，视频等的元素。  css是层叠样式表，用于去指定div中的内容的样式◆div+css的快速体验案例test1.html1235123512351235my.css中指定：.style1{width:300px;height:200px;border:1pxsolidred;margin:400px;400px;
Creabine·2015-12-02 02:00

CSS学习笔记(十六) CSS最佳实践之可维护性篇

前言CSS代码难维护众所皆知。为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现；作用于某个元素上的样式又可能来自单个样式规则，也可能来自多个样式的组合，还可能来自父元素；CSS样式可以定义在元素的style属性里面，也可以定义在页面head部分，还可以定义在单独的CSS文件中。CSS样式定义上的灵活性带来的是CSS代码的多样性
omgdog·2015-11-16 00:00

JS 配合Div 滚动图片效果

用div实现向左右无缝滚动图片效果 2008年07月05日 星期六 上午 11:01 div+css学习笔记22（用div实现向左无缝滚动图片效果）JavaScript实现走马灯效果[无缝连接
·2015-11-13 19:30

css学习笔记

一、Font 字体1、font-family示例：{font-family：字体：字体1}2、font-size 字号大小示例： p { font-style: normal; }  p { font-size: 12px; }  p { font-size: 20%; } 3、font-style  字体样式参数： normal : 正常的字体  ital
·2015-11-13 17:24

CSS学习笔记之元素分类

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、
·2015-11-13 08:06

CSS学习笔记之CSS的继承、层叠和特殊性

继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>
·2015-11-13 08:05

HTML&CSS学习笔记

有段时间跟随学长们做过一个网站的项目，记得当时是帮张老师写些网页的代码；因为以前从没有接触过这方面的东西，很多代码也都是“依样画葫芦”地写，只是大概知道了网页的架构和一些简单的设计方法，对于其中的一些细节却不是很了解。假期里时间很充裕，于是花了几天的时间把HTML和CSS的一些基础的知识给过了一遍——一方面弥补一下网页设计方面的不足，另一方面也算是为接下来JS的学习打些基础。 下面是自己在学习H
·2015-11-13 04:24

CSS学习笔记（对比一下）

DIV+CSS 1、将英文字体设置在前，中文字体设置在后 font-family:"Arial","黑体";  line-height :设置行高 **想让文字在垂直方向上居中，将行高设置为元素的高度，行高==元素高度（文字内容不能超过元素的宽度，即不能换行）  font-weight:文字加粗 2、导入样式表 <style t
·2015-11-13 00:24

DIV+CSS学习笔记 之 CSS常用缩写语法

css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1；  property:value1 value2; 表
·2015-11-11 13:49

高质量的css学习笔记

怪异模式和DTD 为了确保向后兼容，浏览器厂商发明了标准模式和怪异模式两种方法来解析网页 在怪异模式中，width 包含padding + border ,在标准模式中 盒子由width 、border、padding组成 块级元素居中的方法， width + margin-left:auto | margin-right:auto; 怪异模式与DTD有关。如果漏写dtd,在ie中就会触发怪异模
·2015-11-11 00:57

CSS学习笔记

css应用到网页中的三种方式。 行间样式表：直接写在html代码里面的。 内部样式表：用<style>标签写在页面里面的 外部样式表：写在外部文件中的。   CSS选择器： 常用css选择器 选择器 语法 描述　 示例 标签选择器 E{ } 以文档元素作为选择符　 td{ font-size:10px; } ID选择器 #ID
·2015-11-10 22:37

CSS学习笔记之<盒子模型>

结构与表现相分离，这样设计才够简洁。网页包含三个层次（没错，它们都需要各自分离）：3layersHTML结构CSS表现JavaScript行为HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。不管如何，一个网页必需HTML结构层。没有HTML，没有网页。CSS和JavaScript都是可选项，旧的，无名
bgk083·2015-11-08 14:00

CSS学习笔记之<层叠>

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：旧城链接：http://www.zhihu.com/question/20077745/answer/15630216来源：知乎CSS层叠是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。每个CSS选择器都
bgk083·2015-11-08 14:00

CSS学习笔记_01

使用ID名标识页面上的单独元素（比如站点导航），ID必须是惟一的。 在整个站点上，ID名应该应用于概念上相似的元素以避免混淆。从技术上说，如果联系人表单和联系人详细信息在不同的页面上，那么可以给它们分配同样的ID名contact。但是，如果以后需要根据每个元素的上下文环境设置它们的样式，那么就会遇到问题。所以，使用不用ID名（比如contactForm和contactDetails）就会简单得多
·2015-11-07 12:48
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他