本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sichunli_030
- sam123456gz
- arpenker
- 龙儿筝
- tanling8334
- kaizi1992
- gaojingsong
- xpenxpen
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- jbosscn
- mengjichen
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
css百分比浮动法
1. css百分比浮动法
<style type="text/css">
body{
text-align: center;
}
#head,#container,#content,#side,#foot{
margin:20px auto 20px auto;
padding: ...
css固定宽度布局
1. css固定宽度布局
1) css布局
2) 绝对定位法
<style type="text/css">
body{
text-align: center;
}
#head,#container,#content,#side,#foot{
margin:20px auto 20px ...
css列表样式
1. css列表样式
1) 设置列表的符号
list-style-type: square;
<style type="text/css">
ul,ol{
list-style-type: square;
}
</style>
</head>
<body>
<ul&g ...
css超链接样式
1. css超链接样式
1) 使用css伪类别来设置超链接样式
链接的四种状态:
a:link:普通的、未被访问的链接
a:visited:用户已访问的链接
a:hover:鼠标指针位于链接的上方
a:active:链接被点击的时刻
<style type="text/css">
a:LINK {
color: red ...
css表格样式
1. css表格样式
<body>
<table class="t">
<caption>学生信息</caption>
<thead><tr><th>序号</th><th>学号</th><th>姓名 ...
css盒子的浮动与定位
1. css盒子的浮动与定位
1) 盒子浮动float
float属性:
默认是none,按照标准流来定位;
left:左悬浮;
right:右悬浮;
<style type="text/css">
.parent{
padding:5px;
background-color: yellow;
...
css盒模型
1. css盒模型
1) 盒模型基本概念
盒模型:
相框边框 -> border
画和相框边框的距离 -> padding
相框之间的距离 -> margin
2) 边框
border-width 边框宽度(粗细)
border-color 边框颜色
border-style 边框样式
<style type="text/css& ...
css背景颜色、图像
1. css背景颜色、图像
1) 设置背景颜色
background-color: blue;
<body style="background-color: blue;">
<h1 style="background-color: red;">这是一个神奇的标题</h1>
2) 设置背景图像
ba ...
css图像效果
1. css图像效果
1) 设置图片边框
<style type="text/css">
.i1{
border-width: 1px;
border-color: red;
border-style: solid;
}
.i2{ border: 2px red dashed; ...
css文本样式
1. css文本样式
1) 设置文字的字体
font-family
2) 设置文字的倾斜效果
font-style: italic;
3) 设置文字的加粗效果
font-weight: bold;
4) 设置英文字母大 ...
css复合选择器、继承、层叠
1. css复合选择器
1) "交集"选择器
<style type="text/css">
p{ font-size: 30px; }
p.c{ text-decoration: underline; }
.c{ color: blue;}
</style>
</head>
&l ...
css网页
1. css网页
1) 网页
2) 设置标题
3) 设置图片
4) 设置正文
5) 设置整体页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tit ...
css选择器、导入、优先级
1. css基本选择器
p {color: red;font-size: 20px;}
选择器 {声明(属性: 值);声明(属性: 值);}
1) css标记选择器
<p>爱编程!爱Java</p>
p{color: red;font-size ...
css简介
1. css简介
CSS 指层叠样式表(Cascading Style Sheets);
我们可以把HTML理解成身体,CSS理解成衣服;
<style type="text/css">
p{
font-size: 20px;
color: red;
}
</style>
web前端实战经验技术交流
民间实战web前端开发免费课堂,优秀讲师,传授实战经验,思路清晰,基础中带有干货,欢迎大家参与共同提升
老师授课实战群: 849829771
民间课堂:live.uyi2.com
讲解内容: vue从入门到实战,javascript前端基础原理, web前端实用库工具等,web前端架构设计