CSS基础
关注
分享
扫一扫
cc098818
学习编程ing
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS-简介
定义：CSS 指层叠样式表 (Cascading Style Sheets)；是HTML的升级我们可以把 HTML 理解成身体，CSS 理解成衣服下面看一个实例<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS引入</title><st...原创 2019-08-12 17:01:51 · 330 阅读 · 0 评论 -
CSS-固定宽度布局
CSS 布局（1）绝对定位法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>绝对定位法</title><style type="text/css"> body{ text-align: center; } #head,#...原创 2019-08-13 10:04:10 · 748 阅读 · 0 评论 -
CSS-设置列表样式
1、设置列表的符号<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置列表的符号</title><style type="text/css"> ul,ol{ list-style-type: square; }</styl...原创 2019-08-13 09:58:50 · 1004 阅读 · 0 评论 -
CSS-设置超链接样式
1、使用 CSS 伪类别来设置超链接样式链接的四种状态：a:link：普通的、未被访问的链接a:visited：用户已访问的链接a:hover：鼠标指针位于链接的上方a:active：链接被点击的时刻<!DOCTYPE html><html><head><meta charset="UTF-8"><title>使用C...原创 2019-08-13 09:53:55 · 1783 阅读 · 0 评论 -
CSS-设置表格样式
1、设置表格的边框Border：设置表格边框；Border-collapse：设置边框分离，合并 默认是 separate(分离) collapse 合并；Border-spacing ：设置单元格的间距；Padding：设置单元格内容和边框之间的距离；<!DOCTYPE html><html><head><meta charset="U...原创 2019-08-13 09:46:50 · 3342 阅读 · 1 评论 -
CSS-盒子的浮动与定位
1、盒子浮动 floatFloat 属性：默认是 none ，按照标准流来定位；Left：左悬浮；Right：右悬浮；<!DOCTYPE html><html><head><meta charset="UTF-8"><title>盒子浮动float none</title><style type="...原创 2019-08-13 09:38:53 · 822 阅读 · 0 评论 -
CSS-盒模型
1、盒模型基本概念相框边框 - > border画和相框边框的距离 -> padding相框之间的距离 -> margin2、边框border-width 边框宽度(粗细)border-color 边框颜色border-style 边框样式<!DOCTYPE html><html><head><meta cha...原创 2019-08-13 09:20:03 · 512 阅读 · 0 评论 -
CSS-设置背景颜色和背景图像
1、设置背景颜色<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置背景颜色</title></head><body style="background-color: blue;"><h1 style="backgro...原创 2019-08-12 22:18:15 · 874 阅读 · 0 评论 -
CSS-设置图像效果
1、设置图片边框<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置图片边框</title><style type="text/css"> .i1{ border-width: 1px; border-color: red; ...原创 2019-08-12 22:10:37 · 620 阅读 · 0 评论 -
CSS-设置文本样式
1、设置文字的字体<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置文字的字体</title><style type="text/css"> .p1{ font-family: "Times New Roman",Arial }...原创 2019-08-12 21:59:37 · 694 阅读 · 0 评论 -
CSS-高级特性
1、复合选择器（1）“交集”选择器<!DOCTYPE html><html><head><meta charset="UTF-8"><title>“交集”选择器</title><style type="text/css"> p{ font-size: 30px; } p.c{ te...原创 2019-08-12 21:44:50 · 554 阅读 · 0 评论 -
CSS-网页制作小实践
1、网页裸奔<!DOCTYPE html><html><head><meta charset="UTF-8"><title>网页裸奔</title></head><body><h1>Java之父——詹姆斯·高斯林</h1><img src="../java...原创 2019-08-12 19:49:46 · 390 阅读 · 0 评论 -
CSS-核心基础
1、CSS 基本语法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS基本语法</title><style type="text/css"> p{ color: red; font-size: 20px; }</...原创 2019-08-12 19:39:05 · 342 阅读 · 0 评论 -
CSS-变宽度布局
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>变宽度布局</title><style type="text/css"> body{ text-align: center; } #head,#container,#content...原创 2019-08-13 10:06:31 · 663 阅读 · 0 评论