css
小苏学姐
互相学习 多多交流
展开
-
CSS(二) 基本特性
CSS 基本选择器1 标记选择器<!DOCTYPE html><html><head><meta charset="UTF-8"><title>标记选择器</title><style type="text/css"> p{ color: red; font-size: 20px; }</style></head><body><原创 2017-10-07 14:42:13 · 427 阅读 · 0 评论 -
CSS(十二) 宽度布局实践
CSS定位 固定宽度布局-绝对定位法需要对父标签进行设定,包括高度,还要对自己的宽度高度进行设置,因为他们都已经脱离了标准流html>head>meta charset="UTF-8">title>绝对定位法title>style type="text/css"> body{ text-align: center; } #head,#co原创 2017-10-08 16:32:55 · 396 阅读 · 3 评论 -
CSS(十一) 设置列表样式
设置列表的符号有序列表:默认的就是数字1 2 3 无序列表:默认的是小圆点 可以看到其实有序列表和无序列表是可以转换的html>head>meta charset="UTF-8">title>设置列表符号title>style type="text/css"> ul,ol{ list-style-type: square; }style>h原创 2017-10-08 10:03:40 · 1058 阅读 · 0 评论 -
CSS(十) 设置超链接样式
使用CSS 伪类别来设置超链接样式链接的四种状态: a:link:普通的、未被访问的链接 a:visited:用户已访问的链接 a:hover:鼠标指针位于链接的上方 a:active:链接被点击的时刻html>head>meta charset="UTF-8">title>使用CSS伪类别来设置超链接样式title>style type="text/css">原创 2017-10-08 09:51:52 · 1979 阅读 · 0 评论 -
CSS(九) 设置表格样式
设置表格的边框Border:设置表格边框; Border-collapse:设置边框分离或者合并,默认是separate(分离)的,值collapse 为合并; Border-spacing :设置单元格的间距; Padding:设置单元格内容和边框之间的距离; 设置表格的宽度Table-layout 默认auto 自动方式,根据单元格的内容自动调整宽度; Fixe原创 2017-10-07 20:03:14 · 509 阅读 · 0 评论 -
CSS(八) 盒子的浮动与定位
盒子浮动floatFloat 属性: 默认是none ,按照标准流来定位; Left:左悬浮; Right:右悬浮;html>head>meta charset="UTF-8">title>盒子浮动float nonetitle>style type="text/css"> .parent{ padding:5px; backgr原创 2017-10-07 17:51:49 · 785 阅读 · 1 评论 -
CSS(七) 盒模型
盒模型基本概念拿相框来作比较的话 盒模型 相框边框- > border 画和相框边框的距离-> padding 相框之间的距离-> margin边框这个和前面的p标签的边框的设置方法是类似的,也是3种方式 border-width 边框宽度(粗细) border-color 边框颜色 border-style 边框样式#outerBox1{原创 2017-10-07 16:36:11 · 226 阅读 · 0 评论 -
CSS(六) 设置背景颜色和背景图像
设置背景颜色body style="background-color: blue;">我是蓝色背景h1 style="background-color: red;">我是红色背景h1>body>设置背景图像默认的是用这个图片铺满这个页面body style="background-image: url(../1.jpg)">设置背景图像平铺 设置背景图像位置 设原创 2017-10-07 16:09:21 · 2808 阅读 · 0 评论 -
CSS(五) 设置图像和图文混排
以下面的图像为例"../a.jpg" class="i1"/>1 设置图片边框.i1{ border-width: 1px; border-color: red; border-style: solid; }也可以简写成.i1{ border: 2px red dashed; }也可以给原创 2017-10-07 16:00:06 · 732 阅读 · 0 评论 -
CSS(四) 设置文本样式
如果对于类型为p1的文本的属性进行设置的话.p1{ xxx:yyy; aaa:bbb; }设置文字的字体,如果第一个值没有直接向后找 font-family: "Times New Roman",Arial; font-family: 微软雅黑,黑体,宋体; font-style: italic;设置文字的倾斜效果 (斜体italic)原创 2017-10-07 15:38:23 · 316 阅读 · 0 评论 -
CSS(三) 高级特性
复合选择器1 “交集”选择器html>head>meta charset="UTF-8">title>“交集”选择器title>style type="text/css"> p{ font-size: 30px; } p.c{ text-decoration: underline; } .c{原创 2017-10-07 15:11:21 · 246 阅读 · 0 评论 -
CSS(一) 基本概念
CSS 基本概念CSS 指层叠样式表(Cascading Style Sheets) 通俗点可以把HTML 理解成人,CSS 理解成衣服,用户装饰网页,使得页面更加美观,便于管理CSS 基本语法html>head>meta charset="UTF-8">title>CSS引入title>style type="text/css"> p{ f原创 2017-10-07 14:40:28 · 369 阅读 · 0 评论