CSS
文章平均质量分 50
JiajiaAz
stay hungry,stay foolish
展开
-
css样式来源于层叠规则
css层叠规则转载 2017-11-27 16:38:14 · 260 阅读 · 0 评论 -
CSS元素分类(按照样式属性)
CSS元素分类在CSS中,html中的标签元素被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。块状元素特点:(1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。 (2)元素的高度、宽度、行高以及顶和底边距都可设置。 (3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。常用的块状元素: <div>、<p>、<h原创 2017-06-29 11:51:53 · 346 阅读 · 0 评论 -
CSS的重要性质
继承性 CSS的某些样式具有继承性,继承允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:红色不仅应用于p标签,还应用于span标签。p{color:red;}<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>特殊性(CSS样式权值) 有的时候我们为同一个元素设置了不同的CSS样式代码,比如一个元素同时具有id和class属性,且都原创 2017-06-29 10:16:24 · 714 阅读 · 0 评论 -
CSS选择器类型
每一条css样式声明由选择器和样式两部分组成,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。标签选择器通过html代码标签选择元素。例如: p{font-size:12px;line-height:1.6em;}类选择器作用于具有特定的class属性的标签。语法如下: .stress{color:red;}ID选择器作用于具有特定id属性的标签。语法如下:原创 2017-06-29 09:20:15 · 267 阅读 · 0 评论 -
CSS基本概念
CSS代码插入形式层叠样式表 (Cascading Style Sheets),css 样式由选择符和声明组成,其中声明由属性和值组成。1、内联式把css代码直接写在现有的HTML标签中,如下面代码:``` <p style="color:red">这里文字是红色。</p> ```2、嵌入式把css样式代码写在当前文件的<style type="text/css"></style>标签之间。原创 2017-06-29 08:38:56 · 542 阅读 · 0 评论 -
CSS布局模型
在网页中,元素有三种布局模型:流动模型(Flow):网页默认布局模型 (1)块状元素在所处的包含元素内自上而下按顺序垂直延伸分布。因为块状元素默认的宽度为100%。实际上,块状元素都会以行的形式占据位置。 (2)内联元素在所处的包含元素内从左到右水平分布显示。浮动模型 (Float) 浮动模型的设计初衷是为了实现文字环绕效果。设置了浮动属性的元素会脱离文档流,沿其容器的左侧或右侧原创 2017-06-30 09:50:28 · 201 阅读 · 0 评论 -
CSS代码缩写
盒模型代码缩写 盒模型的外边距(margin)、内边距(padding)和边框(border)属性需要对四个方向分别设置时,一般按照顺时针方向:上右下左。如:margin:10px 15px 12px 14px;以下三种情况可以进行缩写: (1)top、right、bottom、left的值相同,可缩写为:margin:10px;(2)top和bottom值相同、left和 right的值相同,原创 2017-07-01 17:51:47 · 422 阅读 · 0 评论 -
CSS颜色设置方法
英文命令颜色 p{color:red;}RGB颜色 与 photoshop 中的 RGB 颜色一致,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。p{color:rgb(133,45,200);}p{color:rgb(20%,33%,25%);} 十六进制颜色(使用比较普遍) 原理和原创 2017-07-01 19:04:14 · 597 阅读 · 0 评论 -
CSS长度值表示方法
像素像素是相对单位,因为它指的是显示器上的小点。CSS规范中假设“90像素=1英寸”,但实际上这跟显示器的实际像素值有关。目前大多数的设计者都倾向于使用像素(px)作为单位。em指本元素 font-size 属性值,如果元素的 font-size 为 14px ,那么 1em = 14px。如下代码,实现段落首行缩进2字符。 p{font-size:12px;text-indent:2em;}当给原创 2017-07-01 19:48:55 · 317 阅读 · 0 评论 -
CSS水平居中设置总结
水平居中情形一目标元素为块状元素,默认情况下其宽度父元素的100%,不存在水平居中一说。情形二目标元素为块状元素,且宽度固定,可以通过设置margin:auto实现其相对于父元素的水平居中。情形三目标元素可以设置为内联元素或内联块状元素,然后设置父元素text-align:center即可实现目标元素居中。情形四目标元素为块状元素,宽度不固定,且我们希望元素的宽...原创 2017-07-01 20:47:43 · 258 阅读 · 0 评论 -
CSS盒模型(Box Model)
将HTML元素看作盒子,并分为以下部分:边距(Margin):表示盒子外面的空白区域,默认是透明的。margin是元素与浏览器窗口或者与另一个元素之间的空白。边框(Border):可以设置它的粗细、样式和颜色。填充(Padding):元素内容与边框的距离。实际内容(Content)以上四部分均可单独针对上、右、下、左进行样式设置,如下:div{ padding-top:20px;原创 2017-06-30 09:27:40 · 329 阅读 · 0 评论