Html+Css基础知识
高达一号
这个作者很懒,什么都没留下…
展开
-
Html+CSS CSS中的选择器
也许你已经学会了CSS的三个简单常用的选择器:#ID,.class,标签选择器,可是这些就足够了吗?随着CSS3的到来,作为前端开发者需要掌握下面三十个基本的选择器,这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。1、*:通用元素选择器* { margin: 0; paddin转载 2016-05-10 21:48:55 · 582 阅读 · 0 评论 -
Html/Css_ 拾遗 role属性的作用
原文地址:http://blog.csdn.net/annip/article/details/53455226一.什么是role属性role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用。使用role可以增强文本的可读性和语义化。在html5元素内,标签本身就是有语义的,因此转载 2017-03-15 18:29:36 · 7241 阅读 · 1 评论 -
Html/CSS margin的百分比 -》深入探讨
在 margin系列之keyword auto 中,说过了 margin 值为 auto 的情况,这次要聊的是值为百分比的情形。我必须承认这是一个非常基础的知识点,但有一段时间我发现很多人对此有错误的认知。偶尔在面试或者分享的时候,我会问到这个问题,有人会脱口而出的告诉我他对此的感性理解。或许现在大多数人对此不屑一顾,但我仍想说一说,这样以后就可以不再问类似的问题了。假设有这样一个转载 2017-03-09 11:44:30 · 756 阅读 · 0 评论 -
Html+Css详解Css选择器,优先级与匹配原理
详解CSS选择器、优先级与匹配原理给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结。51CTO推荐阅读:巧妙地使用CSS选择器选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID转载 2015-11-03 21:10:48 · 1262 阅读 · 0 评论 -
Html+Css_a标签
首先来了解下标签的一些样式:a>标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 a{color:red} ① a:link:未访问链接 ,如 a:link {color:blue} ② a:visited:已访问链接 ,如 a:visited转载 2015-11-03 17:20:42 · 627 阅读 · 0 评论 -
Html+Css__HTML元素的ID和Name属性的区别
HTML元素的ID和Name属性的区别使用的范围:除了一些特殊符号(等)都有的,但name 属性一般都用在表单元素里,用来提交数据给后台!定位html都用id的作用的不同:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的今天對 有點疑惑, 加上#表示一個錨,後面跟上13,就會跳到本頁面的13的位置,而這個1转载 2015-11-07 20:31:34 · 1811 阅读 · 2 评论 -
Html+Css+base标签是什么及其作用介绍
标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对URL。这其中包括 、、、 标签中的 URL。测试:1:放在base标签前面的link路径可以使用相对路径且是相对于当前路径,但转载 2015-11-26 12:25:07 · 1272 阅读 · 0 评论 -
Html+Css_CSS3_CSS2 响应式布局 Media query(媒介查询)
Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: 或者这样的形式: @import url("css/style.css"); 不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”,而这个“media”就是用来指定特定的媒体类型,在HTML4和CSS2中充许转载 2016-03-14 18:16:50 · 1934 阅读 · 0 评论 -
Html+Css CSS3_transform属性中的_scale属性值
上一篇讲了translate,这一次我们再细讲一下scale. 下面我们从3个方面开始介绍: 1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准。Css代码 transform:sc转载 2016-03-21 10:19:41 · 14144 阅读 · 0 评论 -
Html+CSS CSS3中 transitions属性详解
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们从最简单的语法和属性值开始一步一步来学习transition的具体使用:语法: 123转载 2016-03-21 15:38:52 · 920 阅读 · 0 评论 -
Html+CSS CSS3 Keyframe+Animation属性 CSS动画
CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一阵子,今天我们趁着这个热劲继续第三个动画属性Animation的学习,单从Animation字面上的意思,我们就知道是“动画”的意思。但CSS3中的Animation与HTML转载 2016-03-21 16:48:56 · 5258 阅读 · 0 评论 -
Html+CSS transform属性中的 rotate 属性值
1、语法: transform: none | []* 2、取值: none ----不进行变化 ----一个或多个变换函数,以空格分开可以用于内联元素和块级元素,可以实现旋转、缩放、移动等等效果。具体如下:转载 2016-03-21 17:18:04 · 8024 阅读 · 0 评论 -
Html+CSS 替换元素与不可替换元素 块内元素与内联元素
元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如和就不同,而和也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器根据元素的标签和转载 2016-04-21 10:58:48 · 1839 阅读 · 0 评论 -
Html+CSS transform属性中的 translate属性值
上一篇讲了rotate,这一次我们再细讲一下translate 下面我们从3个方面开始介绍: 1、translate(x,y) 水平方向和垂直方向同时移动, 取值x表示x轴过渡值 取值y表示y轴过渡值 ----如果没有赋值,默认是0 默认以元素的中心点为基点,可以通过transform-origin进行基点的设置 x,y如果为负就反方向移动转载 2016-03-21 17:23:26 · 13940 阅读 · 0 评论 -
Html+CSS CSS display属性 属性值block,inline,inline-block
最近博主在看《CSS权威指南(第三版)》。这是一本不错的书,兼容性比较好,不过不适合纯新手。display 有很多的属性值,我就不一一介绍了,常见的属性值为 inline, block, inline-block. 这有一篇博文写的很不错,博主就借鉴下了,也作为自己的一个总结。原址:http://www.cnblogs.com/KeithWang/p/3139517.h转载 2016-04-21 15:39:28 · 825 阅读 · 0 评论 -
Html+CSS hack技术介绍 以及常用hack
一、什么是CSS Hack?不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack。CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。1、属性级Hack:比转载 2016-03-22 20:44:05 · 1170 阅读 · 0 评论 -
Html+CSS CSS浮动
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就要转载 2016-03-22 16:12:39 · 534 阅读 · 0 评论