狂神说Java CSS3讲解综合代码
本文共 2794 字，大约阅读时间需要 9 分钟。
狂神说Java CSS3讲解综合代码
狂神说CSS3学习总结 狂神说java系列，CSS3的学习
三大基本选择器
三大基本选择器，标签选择器demo---style样式测试----font属性顺序--可以按顺序设置如下属性
三大基本选择器，calss选择器的demo-----id选择器>类选择器>标签选择器
三大基本选择器，id选择器的demo-------id选择器>类选择器>标签选择器
三大基本选择器的优先级：id选择器>类选择器>标签选择器
link和导入的生效的优先级------css样式生效的优先级是：就近原则 1.link属于HTML标签，而@import是CSS提供的一种方式
2.@import有次数限制，只能引入31次 3.当页面被加载时，link引用的CSS会同时被加载，而@import引用的CSS则是等待主页面全部被加载完后才会被加载，所以当网速较慢时，可能会只出现页面而没有样式，等一段时间后样式才会被加载出来 4.@import 只能在IE5以上才能使用，否则不识别，而link则没有这个问题 5.当使用javascript控制DOM(document.styleSheets)去改变样式时，只能使用link，DOM不能控制@import高级选择器 1、相邻兄弟选择器（匹配指定元素的相邻【下一个】兄弟元素） 2、通用兄弟选择器（匹配到某元素【后面的】 【所有指定】兄弟元素） 3、属性选择器 (属性选择器可以根据元素的属性及属性值来选择元素。) 4、CSS 后代选择器（后代选择器可以选择作为某元素后代的元素。） 5、CSS 子元素选择器（子元素选择器（Child selectors）只能选择作为某元素子元素的元素。） 6、结构伪类选择器
1、:first-child 选择元素中的第一个子元素。
2、:nth-child(n) 定位某个父元素的一个或多个特定的子元素。其中 n 是其参数。n 取值如下：
属性选择器练习，八个方块填色
文本样式练习
该文本使用某些文本格式属性来设置样式。标题使用 text-align、text-transform 和 color 属性。段落缩进、对齐，并指定了字符间距。然后从这个彩色的“亲自试一试”链接中删除了下划线。text-indent 属性用于指定文本第一行的缩进。letter-spacing 属性用于指定文本中字符之间的间距。
图片和字体对齐
1985年以第一名成绩考入宝冢音乐学校，1987年毕业后加入宝冢歌剧团。
列表
图片背景--垂直排列
渐变
渐变背景
盒子模型
会员登录
浮动1
浮动2
浮动的盒子可以向左浮动，也可以向右浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。定位（相对、绝对、固定）
relative相对定位元素的定位是相对其正常位置。
position: sticky; 基于用户的滚动位置来定位
```方块定位练习
转载地址：http://vxtgi.baihongyu.com/
你可能感兴趣的文章
Intent启动另一个APP里的fragment
查看>>
Android 系统7.0上 屏幕背光流程分析
查看>>
解决升级chrome后，访问https出现Your connection is not private
查看>>
Android 7.0之JobScheduler 分析（一）——如何使用job
查看>>
Android API version 查询
查看>>
【原创】Android 耗电信息统计服务——BatteryStats源码分析（一）
查看>>
Android开发的福音，谷歌隆重推出 Android KTX预览版，让 Kotlin 的开发更美妙！
查看>>
Android面试神器之Rxjava破冰
查看>>
面试神器第二弹：Rxjava熟悉——操作符
查看>>
带你过一遍Android 多主题框架——MagicaSakura
查看>>
这款神器你不学就要落后了！
查看>>
谷歌开源跨平台UI框架——Flutter
查看>>
Android进阶必学：自定义注解之动态代理
查看>>
Android进阶必学：自定义注解之反射
查看>>
Android进阶之注解解析和自定义注解
查看>>
你想成为Android高级工程师你还得学习Hook
查看>>
菜鸟带你Hook技术实战
查看>>
BAT面试题集锦——Java基础（一）
查看>>
BAT面试题集锦——Java基础（二）
查看>>
Retrofit原理解析最简洁的思路
查看>>