CSS
twilight0402
以铜为镜,可以正衣冠;以史为镜,可以知兴替;以人为镜,可以明得失
展开
-
CSS_选择器
类选择器class 属性规定元素的类名(classname) 类选择器以一个点号显示 .center {text-align: center}class类似一个标记。 “p.类名”表示标记了该类的p标签的样式,这个类的样式只能被p使用。即 p class=”标记名”而”.类名”表示元素也可以基于它们的类而被选择,所有标签都可以包含这个类 *.important {color:r原创 2017-01-23 21:50:02 · 395 阅读 · 0 评论 -
CSS(表格_轮廓)
css表格 属性 描述 border-collapse 设置是否把表格边框合并为单一的边框。 border-spacing 设置分隔单元格边框的距离。 caption-side 设置表格标题的位置。 empty-cells 设置是否显示表格中的空单元格。 table-layout 设置显示单元、行和列的算法。table-layout: automa原创 2017-02-01 22:49:07 · 649 阅读 · 0 评论 -
CSS_定位
position属性 absolute: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed: 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 rel原创 2017-01-31 16:59:55 · 549 阅读 · 1 评论 -
HTML+CSS静态博客
最近学习了HTML和CSS的一些简答的语法,今天写了一个简单的项目,其实也算不上什么项目,只是一个静态博客,效果图如下: 这个页面使用了所谓的HTML+CSS+div来完成,看起来比之前写的hao123要好看的多,但是其实也写起来也不是很麻烦。视频中的老师说他录这节视频只用了一个多小时的时间,而我写这个网页却写了将近一天的时间。这这是最简单的网页,很多效果都还没有用到,只是在编写这个网页的同时原创 2017-02-02 20:50:57 · 5980 阅读 · 0 评论 -
关于精灵图
之前就发现一些网站吧所有的小图标拼接在一张图片中,但是一直不知道这是怎么做到的,今天特地了解了一下,才知道这种用法叫做精灵图。他的优点是可以减少浏览器请求的次数,把所有图片拼接在一张图中就只需要请求一次,当浏览器需要用到图片时再从大图片中解析。这样可以加快访问的次数。先来看看效果图:拼接的图片: 他的原理是,先规定好每个小图标的大小,创建一个和小图标大小相同的容器,再通过移动背景图片的方法将大图中原创 2017-02-07 19:44:55 · 9174 阅读 · 0 评论 -
CSS(溢出_判断IE版本)
overflow 溢出 值 描述 visible 内容不会被修剪,会呈现在元素框之外。默认值 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。原创 2017-02-01 21:55:29 · 359 阅读 · 0 评论 -
CSS_盒模型
600*600的div方形,加上属性margin-top:100px后,div的内容没有改变,但是在div外面多出了100px的空间。 当加上属性padding:px时,在div四条边外围多出了100px的空间,此时显示出来的div的大小变为800px大方块的规格为600*600,两个小方块的规格为300*300,并排排列刚好在一行。给两个方块之间加上外边距后,右边的方块被挤到下方,而方块的大原创 2017-01-26 17:08:43 · 252 阅读 · 0 评论 -
CSS_列表
list-style-type改变列表项的标志。以下的所有的标志类型:none 无标记 disc 实心圆,默认 circle 空心圆 square 方块 decimal 数字 decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。) lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。) upper-roman 大写罗原创 2017-01-25 18:33:04 · 245 阅读 · 0 评论 -
CSS_边框样式
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。element : 元素。 padding : 内边距,也有资料将其翻译为填充。 border : 边框。 margin : 外边距,也有资料将其翻译为空白或空白边。 padding 内边距padding 属性接受长度值或百分比值,但不允许使用负值。可以按照上、右、下、左的顺序分别设置各边原创 2017-01-25 14:04:06 · 529 阅读 · 0 评论 -
CSS_背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。原创 2017-01-24 17:04:37 · 213 阅读 · 0 评论 -
CSS_文本样式
text-align 水平对齐left/center/right左中右 justify 两端对齐 inherit 继承line-height 文本行间距行高不够时,行与行之间后重叠 数字px 数字em 数字% 基于字体大小的百分比text-indent 缩进文本数字% 父元素的百分比 数字px/数字em 固定值默认为0 inherit继承letter-spacing 字母间距normal原创 2017-01-24 21:16:43 · 421 阅读 · 0 评论 -
CSS(颜色_字体)
颜色样式十六进制十六进制颜色是这样规定的:#RRGGBB,其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。 所有浏览器都支持十六进制颜色值。RGBRGB 颜色值是这样规定的:rgb(red, green, blue)。每个参数 (red、green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分原创 2017-01-24 15:29:26 · 2930 阅读 · 0 评论 -
初识CSS
!DOCTYPE必须位于HTML文档的第一行 指示浏览器关于页面使用哪个HTML版本进行编写的指令使用css样式的方式属性与属性之间用 ; 分开,属性与属性值之间用 : 分开。最后一个属性后可以不加 ; ,但是为了避免出错,建议加上 ; 为了提高可读性,建议每行只写一条属性。内链式直接在标签中控制样式 <body style=”background-color:green;”>嵌原创 2017-01-23 13:11:36 · 358 阅读 · 0 评论 -
CSS_伪元素_伪类
伪类 link 未访问的链接 visited 已访问的链接 hover 鼠标移到元素上 active 向被激活的链接添加样式 focus 获得输入焦点的元素 first-child 作为某元素的第一个子元素的元素 lang 向带有指定lang属性的元素添加样式提示: 在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之原创 2017-02-19 14:10:58 · 669 阅读 · 0 评论