老段的CSDN的博客

【代码】tablet取消 td tr线（垂直线、水平线）

建议就是 样式一定要学好学扎实，不然开发过程当中挺浪费时间。

【代码】html+css3 学生信息表。

html table 表格。

H5 携程app官网首页用flex布局+css3详细教程。

代码】flex布局 H5携程移动端下边双行布局 （七）

1、先把背景和三个大模块先实现出来 简称外景。先实现右边模块两个 上下文字。

li里边写一个超链接；超链接里边紧接着写两个span，一个图标一个文字。把后边的图片全部都加载上来 -----下边这张是素材。给图片来点距离上边的间距；3、把li标签由列变行；1、创建一个背景，给些间距和颜色。1、先实现类似轮播图的图片。...

注意事项：加了绝对定位的盒子就有大小了；所以display: block可以省掉；调整我的文字位置 把user::before里边margin 0 换成-2px 就是文字往上顶一顶。造成文字没有出现在表格原因是：因为放大镜我们给它的是块元素；解决方法：把放大镜块元素换成绝对定位用padding来实现。3、把文字放进去，修改文字大小；2、把放大镜放进去，使用的是：：before伪类元素。1、给左侧的搜索框给个高度和一个边框；1、给左侧的搜索框给个高度和一个边框；4、再给边框来个阴影。...

在父盒子里边创建一个子盒子（search放图标用的）和一个子超链接（user文字跳转）1、先把父亲分成左右两部分（我们现在做的是右边部分）3、左边这部分就是给了flex：1把剩余的空间给占满。4、右边这个图标我是通过：：before伪元素来做的。2、右边这部分是固定死的 44px*44px。搜索框弹性剩余的空间给占满。5、头像图标是采用的精灵图缩小2倍的做法。6、最后调整字体大小和间距。再写右边部分的图标和文字。先看做的部分,头部右边。......

因为固定位置，它是以屏幕为主，所以让它在屏幕正中间。给他一个最大最小宽度，限定死；

1、2、flex-direction:设置主轴的方向justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行flex-direction:设置主轴的方向align-items:设置侧轴上的子元素排列方式(单行)align-content:设置侧轴上的子元素的排列方式（多行）flex-flow:复合属性（常见使用的）flex子项目占的份数align-self控制子项自己在侧轴的排列方式order属性定义子项的排列顺序（前后顺序）...

创建项目以及配置不同的浏览器在渲染网页元素的时候形式更统一。normalize.css页面样式。检验一下看刚才配置的样式有没有成功。index.css页面样式。

1、先在页面写两个样式 一个red一个green。2、在页面中用三元运算符判断。

css3自适应大屏端切换移动端。

css网格小案例包括渐变、逐帧动画等。

渐变背景色

before选择器向选定的元素前插入内容。使用content属性来指定要插入的内容。root设置HTML文档的背景色。

鼠标悬停在元素上边，动画才会触发。鼠标悬停在元素上边使用到hover。

css自定义鼠标样式。

鼠标样式修改

flex布局