CSS
关注
分享
扫一扫
DOGIOOH
//真的不会JAVA啊
展开
-
CSS系列之CSS概念与基础语法
CSS系列之CSS概念与基础语法01 CSS的概念**CSS:Cascading Style Sheet 层叠样式表 **用途：表现HTML文件样式，设定字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。CSS发展史：1996年 CSS1.0诞生1998年CSS2.0 发布，融入了DIV+CSS的概念，提出了HTML结构域CSS样式表的分离2004年CSS2.1发布，在...原创 2019-06-19 22:50:56 · 181 阅读 · 0 评论 -
CSS系列之标准文档流/display属性/浮动/边框塌陷问题/溢出处理/父级边框塌陷问题/inline-block和float的区别
CSS系列之标准文档流/display属性/浮动/边框塌陷问题/溢出处理/父级边框塌陷问题/inline-block和float的区别01 标准文档流标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这是元素默认的排列方式。（未排版）标准文档流组成：块级元素（block）h1~h6、p、div、列表内联元素（inline）span、a、img...原创 2019-06-19 23:13:20 · 634 阅读 · 0 评论 -
CSS系列之盒子模型/边框/外边距/内边距/如何设置圆角边框/盒子阴影
CSS系列之盒子模型/边框/外边距/内边距/圆角边框/盒子阴影01 盒子模型盒子模型总尺寸=内容宽度+border（边框宽度）+padding（内边距）+margin（外边距）02 边框常用边框设置border-color：设置边框颜色border-top-colorborder-right-colorborder-bottom-colorborder-left-colo...原创 2019-06-19 23:12:22 · 2311 阅读 · 0 评论 -
CSS系列之如何用CSS渲染渐变效果
CSS系列之如何用CSS渲染渐变效果01 CSS3渐变线性渐变：颜色沿着一条直线过渡：从左到右/从右到左/从上到下等径向渐变：圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个起点朝所有方向混合02 浏览器兼容性属性名IEFirefoxChromeOperaSafariGradient10+19.0+26.0+12.1+5.1+I...原创 2019-06-19 23:10:56 · 659 阅读 · 0 评论 -
CSS系列之美化网页/超链接伪类/列表样式/网页背景
CSS系列之美化网页/超链接伪类/列表样式/网页背景01 超链接伪类各伪类总结伪类名称含义示例a:link未单击访问时超链接样式a:link{color:#9ef5f9;}a:visited单击访问后超链接样式a:visited {color:#333;}a:hover鼠标悬浮其上的超链接样式a:hover{color:#ff7300;}...原创 2019-06-19 23:10:06 · 1021 阅读 · 0 评论 -
CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式01 span标签和div标签span标签的作用能让几个文字或者某个词语凸显出来属于行内元素div标签属于块级元素程序示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-06-19 23:07:16 · 7671 阅读 · 0 评论 -
CSS系列之高级选择器/层次选择器/结构伪类选择器/属性选择器
CSS系列之高级选择器01 层次选择器a. 后代选择器格式： E F { 声明；}应用：获取E元素下所有与F匹配的元素b. 子选择器格式：E>F{声明；}应用：只获取E下面的与F匹配的第一层子元素c.相邻兄弟选择器格式：E+F{声明；}应用：前提：用id或class定位到一个元素E功能：获取指定元素E的相邻兄弟的与F匹配的元素 ，只找下面的兄弟，上面的不...原创 2019-06-19 23:05:41 · 3210 阅读 · 0 评论 -
CSS系列之基础选择器/标签选择器/类选择器/ID选择器
CSS系列之基础选择器01 标签选择器HTML标签作为标签选择器的名称【… 】格式：标签选择器 {属性：属性值；} 02 类选择器格式<标签名 class = "类名称">标签内容</标签名>.class{属性：属性值；}程序示例<!DOCTYPE html><html lang="en">...原创 2019-06-19 23:03:33 · 1216 阅读 · 0 评论 -
CSS系列之引入CSS的方式
CSS系列之引入CSS的方式01 行内样式使用Style标签属性引入CSS样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l...原创 2019-06-19 23:00:34 · 686 阅读 · 0 评论 -
CSS系列之定位网页元素/z-index属性/网页透明度
CSS系列之定位网页元素/z-index属性/网页透明度01 定位position属性属性值：static 默认值 没有定位relative 相对定位absolute 绝对定位fixed 固定定位相对定位相对于自己的初始位置来定位元素位置发生偏移后，它原来的位置会被保留下来层级提高，可以把标准文档流中的元素及浮动元素盖在下边使用场景：相对定位一般情况...原创 2019-06-19 23:17:43 · 700 阅读 · 0 评论