CSS
java对象999
书山有路勤为径,学海无涯苦作舟。
展开
-
css高级特性(“交集”, “并集”选择器, “后代”选择器,“子”选择器 ,继承特性 ,层叠特性)
第一节:复合选择器1.1 “交集”选择器1.2 “并集”选择器1.3 “后代”选择器1.4 “子”选择器交集选择器比如:<p class="c">交集</p>即是p标签,class="c"也满足效果:交集这个文字变红样式:p.c{ color:red;}并集选择器(中间用逗号隔开)效果:大哥和小...原创 2018-06-11 15:24:42 · 1619 阅读 · 0 评论 -
盒子在标准流中的定位之margin属性
1,行内元素之间的水平 margin marin-right+margin-left2,块级元素之间的竖直 margin Margin-bottommargin-top 以大的为标准,大的会覆盖小的3,嵌套盒子之间的 margin子块的 margin 将以父块的内容为参考4,margin 属性可以设置成负值...原创 2018-06-11 17:02:34 · 366 阅读 · 0 评论 -
CSS 基本选择器 和在html中引入css的方法和网页小实践
第一节:CSS 基本选择器1,标记选择器 (比如p标签)2,类别选择器 class3,ID 选择器 id使用实例<!DOCTYPE html><html><head><meta charset="UTF-8"><title>ID选择器</title><s...原创 2019-04-09 13:23:25 · 260 阅读 · 0 评论 -
CSS 设置文本样式和设置图像效果详解
第一节:设置文字的字体第二节:设置文字的倾斜效果第三节:设置文字的加粗效果第四节:设置英文字母大小写转换第五节:设置文字的大小第六节:设置文字的装饰效果第七节:设置段落首行缩进第八节:设置字词间距第九节:设置文字的行高第十节:设置段落之间的距离第十一节:设置文本的水平位置第十二节:设置文字和背景的颜色第十三节:设置段落的垂直对齐方式第一节:设置文字的字体...原创 2019-04-09 15:21:11 · 566 阅读 · 0 评论 -
CSS 设置背景颜色和背景图像
第一节:设置背景颜色<body style="background-color: blue;"><h1 style="background-color: red;">这是一个神奇的标题</h1>第二节:设置背景图像<body style="background-image: url(../grid.jpg)">&l...原创 2019-04-09 16:07:24 · 2178 阅读 · 0 评论 -
CSS 盒模型详和盒子的浮动与定位和行级,快级元素
第一节:盒模型基本概念盒模型:相框边框 - > border画和相框边框的距离 -> padding相框之间的距离 -> margborder-width 边框宽度(粗细)border-color 边框颜色border-style 边框样式用 padding 设置内边距用 margin 设置外边距第二节:...原创 2019-04-09 19:44:30 · 252 阅读 · 0 评论 -
css设置表格样式
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置表格的边框</title><style type="text/css"> .t{ border: 1px gray solid; bo...原创 2019-04-09 21:31:17 · 18428 阅读 · 0 评论 -
css设置超链接样式和css设置列表样式
<style type="text/css"> a:LINK { color: red; text-decoration: none; } a:VISITED { color: green; text-decoration: none; } a:HOVE...原创 2019-04-09 22:06:10 · 29132 阅读 · 0 评论 -
css固定宽度布局和绝对定位法以及浮动法布局
css布局css 绝对定位法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>绝对定位法</title><style type="text/css"> body{ text-align: cent...原创 2019-04-09 22:58:55 · 406 阅读 · 0 评论