css
文章平均质量分 58
ccd756601501
要么做第一个,要么做最好的一个。
展开
-
css3边框新属性
通过CSS3,可以创建圆角边框 (border-radius),向矩形添加阴影(border-shadow),甚至使用图片(border-image)来绘制边框。 圆角边框 div { border:2px solid; border-radius:25px; } 取值: 由浮点数字和单位标识符组成的长度值。不可为负值。 border-top-left-radius: 由浮点原创 2016-12-06 19:42:01 · 274 阅读 · 0 评论 -
css基础学习---边距和间隙属性
CSS边距属性 边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。 左边距属性(margin-left) 这个属性用来设定左边距的宽度。示例如下: .d1{margin-left:1cm} 右边距属性(margin-right) 这个属性用来设定右边距的宽度。示例如下: .d1 {margin-right:1cm} 上边距属性(margin-top) 这原创 2017-01-04 23:55:10 · 1307 阅读 · 0 评论 -
css基础学习----背景属性
CSS背景属性 背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色,相当于HTML中bgcolor属性。 body {background-color:#99FF00;} 上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。 背景图片属性(background-image) 这个属性为HTML元素设定背景图片,相当于HTML中backgroun原创 2017-01-04 23:27:03 · 247 阅读 · 0 评论 -
css基础学习----常用文本属性
CSS常用文本属性 文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值: • left (居左,缺省值) • right (居右) • center (居中) • justify (两端对齐) 示例代码如下: .p2 {text-align:right} 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。原创 2017-01-04 23:17:33 · 336 阅读 · 0 评论 -
css基础学习----常用字体属性
CSS字体属性 字体名称属性(font-family) 这个属性设定字体名称,如Arial, Tahoma, Courier等。例句如下: .s1 {font-family:Arial} 字体大小属性(font-size) 这个属性可以设置字体的大小。字体大小的设置可以有多种方式,最常用的就是pt和px(pixel)。例句如下: .s2 {font-size:16pt}原创 2017-01-04 23:14:31 · 632 阅读 · 0 评论 -
css示例学习---文字特效1
通常情况下,设置文字的样式,效果都是作用域整个文字的,比如设置它的颜色,那么整个文字都会变色,下面介绍一下如何给文字的一部分设置指定的样式。 loveSky.南方姑娘 .antzone{ position:relative; display:inline-block; font-size:80px; color:black; overflow:hidden; w原创 2017-01-04 22:39:27 · 229 阅读 · 0 评论 -
css示例学习----图片轮播
在网站中我们经常可以看到图片轮播的效果,下面的示例展示了这种效果。 轮播 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> .ad{ border: 1px solid #ddd; /* 与图片大小一致 */ widt原创 2017-01-04 22:23:09 · 409 阅读 · 0 评论 -
css基础学习----定位
定位 定位:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 分类:普通流定位、浮动定位、相对定位、绝对定位 定位属性: 普通流定位:块级元素,每一个元素都会出现在一个新行中;内联元素,每一个元素将在一行中从左到右排列水平位置。 浮动定位:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 下面原创 2017-01-03 23:31:06 · 327 阅读 · 0 评论 -
css基础学习--尺寸与框模型、背景色、文本
尺寸与框模型 尺寸: width height overflow:visible|hidden|scroll|auto当内容溢出元素框时如何处理 边框: border:widthstyle color 当然也可以通过border-left|right|top|bottom进行单边定义,通过border-width,bo原创 2017-01-02 23:51:37 · 497 阅读 · 0 评论 -
css基础学习---表单学习
表单 表单用于显示、收集信息,并提交信息到服务器。 主要属性: action 定义表单被提交时发生的动作 method指出表单数据提交的方式,get或者post enctype表单数据进行编码的fangs name 表单名称 常见表单控件: type: button, checkbox, file, hi原创 2017-01-02 17:32:11 · 280 阅读 · 0 评论 -
css基础样式----表格控件学习
表格: 表行: 单元格: 常用属性: 1. border 设置表格边框样式 2. width/height 设置表格的宽度和高度 3. cellpadding 单元格边框与内容之间的间距 4. cellspacing 单元格之间的间距 5. align:left|center|right 规定表格相对周围元素的对齐方式 6. align/v原创 2017-01-02 16:27:35 · 434 阅读 · 0 评论 -
css基础学习----列表控件
列表是指将具有相似特征或者先后顺序的几行文字进行对齐排列。所有的列表都由列表类型和列表项组成。 列表类型:有序列表和无序列表 列表项:,用于指示具体的列表内容 从上面的图示结果中可以看出两者的区别。 一般情况下,我们可以将列表元素嵌套使用,以便于创建常见的多级列表,用于文档大纲和导航菜单等等。 思考: 1. 如何去掉ul或ol显示时前面的原创 2017-01-02 15:09:03 · 476 阅读 · 0 评论 -
css3新增选择器
为了便于初学者温故而知新,先回顾一下CSS1和CSS2中定义的常用的选择器: **CSS1:** E(类型选择器), #myid id选择器, .myclass 类选择器 E F 包含选择器 E:link E:visited 链接伪类选择器 E:active E:hover E:focus 用户操作伪类选择器 **CSS2:** E[foo] E[foo="bar"] 属性选择器原创 2016-12-07 19:49:16 · 615 阅读 · 0 评论 -
css基础学习-----绝对定位
显示 显示方式:块级元素、内联元素(行内元素) display:none|block|inline 元素内容不再显示|行内元素表现得像块级元素|块级元素表现得像内联元素 光标:默认情况下,光标会根据用户的操作发生改变 cursor:(default)|pointer|crosshair|text|wait|help 绝对定位:将元素的内容从普通流中完全移除,不占据空间,原创 2017-01-05 11:19:02 · 343 阅读 · 0 评论