CSS
关注
分享
扫一扫
文章平均质量分 64
jwllwj_2018
start：2016.7-2016.12 ~~~记录
展开
-
css相关笔记（一）
0.不推荐使用＊通配符选择器 因为这会使浏览器的压力更大 1.选择器的命名规范： ◆不能使用 数字开头或纯数字 ◆不能使用 特殊符号开头或 纯特殊符 号（不推荐使用_开头或者纯下划线） ◆不推荐使用纯中文或包含中文 ◆不推荐使用标签名、属性或者属性的值2.颜色值推荐使用16进制 而非单词 推荐使用 rgb、16进制、rgba#FFFFFF前两位 FF 表示红色中间两位 FF 表示绿色后面两位 ...原创 2018-06-08 09:45:32 · 496 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（二）
1.css3圆角边框样式 border-radius◆border-radius表示盒子四个角(左上角、右上角、右下角、左下角)的弧度，border-radius:60px 60px 60px 60px;，如果圆角弧度四个值都相同，那个可以简写，border-radius:60px;（其实赋值的方式和margin与padding类似，都是shun时针赋值，赋一个值表示全方向，赋两个值表示左上角和右...原创 2018-07-01 23:30:46 · 169485 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（一）
1.CSS3◆浏览器支持程度差，需要添加私有前缀，移动端支持优于pc端，因为移动端的浏览器都是最新版本的，css3也在不断改进中，应用的相对广泛。◆实际工作中写网页要使用渐进增强原则：低版本的浏览器可以正常访问页面，高版本的浏览器访问页面用户体验更好。◆实际工作中要考虑用户群体，遵照产品的方案，听技术的上司（最新的技术大多意味着兼容性不是很好）的安排。2.css2中的选择器◆div {} 标签选择...原创 2018-07-01 14:16:42 · 164585 阅读 · 0 评论 -
HTML5的使用及基本注意说明相关笔记（一）
1 网页开发方式上的两个层次：◆HTML4.1 ◇结构：html4.0 ◇样式：css css2 ◇行为：js◆HTML5 ◇结构：html5 ◇样式：css3 ◇行为：js API 有所增强 如 地理定位 web存储 拖拽 重力感应 硬件访问等2.HTML5◆HTML5狭义的概念上就是HTML4的升级版本，HTML5广义上的概念上就是代表着浏览器技术发展的的一个阶段，也就是 html5+css3...原创 2018-07-01 12:51:15 · 435 阅读 · 0 评论 -
css相关笔记（十）
1.a链接有自己默认的字体颜色，所以不会继承父容器的字体颜色的。2.其实设置 一个容器的高度和宽度就能够实现分辨率放大或者缩小时整体结构不会有很大的变化，但是 影响其因素如果包括 padding或者内部元素浮动方向不同 就会出现例外，那个时候就算你设置了具体的高宽都会出现内容掉下来并且还会字体不会叠在一起。3.当容器宽度固定了，只是内部浮动的方向不同，然后分辨率放大或者缩小导致内容或者元素掉了下来...原创 2018-06-09 07:27:19 · 131 阅读 · 0 评论 -
css相关笔记（九）
1.行内块儿元素在块儿级元素中居中的方法是，设置块儿级元素的行高等于块儿级元素的高度，并且设置行内块儿元素的vertical-align:middle，就能实现行内块儿元素行内居中。2.命名规则： 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：l...原创 2018-06-09 07:25:27 · 120 阅读 · 0 评论 -
html+css相关笔记（一）
1.a链接的href◆href属性如果什么都不写，默认刷新当前页面◆href属性如果写网址，会跳转到该网址◆href属性如果写#，会跳到当前页面的最上端◆href属性如果写javascript:void(0)；或者avascript:;，就会取消a链接的功能。2.定位属性中的优先级◆left比right的优先级要高，设置了left之后再设置right，right属性无效。◆top比bottom的优...原创 2018-06-09 07:24:43 · 194 阅读 · 0 评论 -
css相关笔记（八）
1.垂直方向上外边距会折叠，解决办法有三◆设置父容器的边框◆设置父容器的overflow:hidden;◆让父容器脱离标准文档流2.发现一个特殊现象给元素设置absolute时，先不让它移动，然后给他设置text-indent:-5000em;此时它会停留在原地，而不会到处乱跑，只要你不去移动它，它就很像相对定位，但是不占空间。3.自定义常用class的关键字头：header 内容：conte...原创 2018-06-08 09:56:11 · 116 阅读 · 0 评论 -
css相关笔记（七）
1.边框其实三角形的，border-width:30px;border-color:#f00 #f0f #0ff #0f0;border-style:solid;当高度和宽度都为0时，边框其实是三角形的。2.做网页记住几点：★首先是css初始化★先编写公共的类 如左右浮动类 和清除浮动的类及其伪类★某些相同的样式 不要具体的命名 要命名成通用的，这样其它相同的地方可以继续使用通用的样式。...原创 2018-06-08 09:53:33 · 160 阅读 · 0 评论 -
css相关笔记（六）
1.元素浮动之后就会转换为行内块儿元素，行内块儿元素不设置高宽时默认由其内容来决定高度和宽度。2.父容器中子容器全部都浮动时，父容器的高度为0，但是如果所有子容器可以确认高度，那么可以直接设置父容器的高，父容器有具体的高度时，就不会影响后面没有浮动的元素了，一般让父容器自适应子容器的高度，都是因为不确定子容器的高度究竟有多高，例如不同的新闻长短不一，这个时候父容器就需要自适应子容器的高度了，这时候...原创 2018-06-08 09:52:06 · 107 阅读 · 0 评论 -
css相关笔记（五）
1.字体的所有属性都可以被继承，但是字体的连写 会层叠掉你继承的字体属性，例如你在父容器中写了字体的属性，当你在自己的样式中使用 font属性连写时，会层叠掉父容器中的字体属性，就算是 font:18px normal;虽然没写全，但其它都是默认值，依旧会层叠掉你继承的字体属性，如果不想层叠父容器的中字体属性，最好单独写，例如 font-size:18px;2.遇到一个奇怪的问题，如果父容器的行高...原创 2018-06-08 09:50:19 · 605 阅读 · 0 评论 -
css相关笔记（四）
1.当外边距塌陷时，其实就是垂直方向上的外边距折叠导致的影响，影响有三：◆相邻外边距都是正数时会取最大数作为外边距◆相邻外边距都是负数的时候会取绝对值最大的数作为外边距◆相邻外边距一正一负时会取两个外边距之和。解决这个影响的方法有两种：★给父容器设置边框（不推荐使用）★给父容器设置overflow：hidden。原理都是创建一个bcf添加一个独立的不受外边距折叠影响的环境。★让父容器脱离标准文档流...原创 2018-06-08 09:49:13 · 126 阅读 · 0 评论 -
css相关笔记（三）
1.行高是基线到基线之间的距离， 基线到基线之间的距离也等于 上边距到下边距之间的距离 所以行高=文字高度 +文字顶线到上边距的距离(上边距) +文字底线到下边距的距离(下边距)2.当行高与父容器的高度相同时, 文字就会垂直居中 3.行高的单位 有px em % 纯倍数数字◆px 是具体的大小 像素◆em 是根据自身字体的大小相乘而来的 (字体倍数)◆% 是根据 自身字体的大小相乘而来...原创 2018-06-08 09:47:57 · 154 阅读 · 0 评论 -
css相关笔记（二）
1.复合选择器两个或者两个以上的选择器通过不同的方式连在一起 就叫复合选择器2.块儿级标签中如果没有内容那么必须要设置高度，否则就看不见了，宽度会自动与父块儿元素默认一致。3.行内块儿元素 是可以直接设置宽高的 而行内元素不可以直接设置宽高。4.浏览器默认一个字体的大小是16px5.父容器的文字的所有属性_子容器都可以继承，但是 h1-h6标签无法继承文字的大小，因为浏览器的渲染内核 会根据父容器...原创 2018-06-08 09:46:44 · 157 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（三）
1.每一个方向上的边框形状并不是矩形的，其实是三角形或梯形的，配合圆角边框可以制作美丽花瓣<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框的实际形状（制作美丽花瓣）</title> &原创 2018-07-02 00:53:03 · 120781 阅读 · 1 评论