css
关注
分享
扫一扫
洛神赋在csdn
这个作者很懒，什么都没留下…
展开
-
div + span + 盒模式笔记 --- 杂乱无章 随手而写
div的使用原则：将页面划分成不同的逻辑分区，便于指定样式。尽可能精简地使用div。width是纯文本的宽度还是整个盒子的宽度(包含内边距和外边距)？实际是div只是纯文本的宽度整个元素的宽度 = 内容的宽度 + 左右内边距 + 左右边框 + 左右外边距这一点十分容易记混。内联元素spanemstrong常见的场景就是在一段文本中指定某一小部分的文本为特定的样式。<div>是块元素，会...原创 2018-07-08 16:18:49 · 219 阅读 · 0 评论 -
css中的rem的使用实例和要义说明
<html><head> <style> html { font-size: 0.625; /*根元素默认的大小是16px*/ } #peotry { font-size: 10px; } #header { f...原创 2018-08-02 11:37:40 · 1388 阅读 · 0 评论 -
三列浮动布局的核心
/*三列定位布局*/div#main { margin: 0 30% 0 20%; padding: 0px;}div#left { float: right; width: 25%;}div#right { float: left; width: 15%;}/*三列浮动布局*/div#main{ margin: 0 ...原创 2018-07-29 21:42:57 · 275 阅读 · 0 评论 -
三列布局的核心要义
div#main{ margin: 0 25% 0 20%; padding: 0px;}div#right{ position: absolute; right: 0; width: 20%;}div#left{ position: absolute; left: 0; width: 15%;}position必须是absolutewid...原创 2018-07-29 21:11:32 · 160 阅读 · 0 评论 -
html中的注释对样式表的影响
导致样式失效的注释<!--注释--> <html><head> <meta charset = "UTF-8"> <style type = text/css> <!--只要属性值中包含section1即可，不论位置如何--> [id *= section1] { background:yel原创 2018-07-28 15:22:16 · 654 阅读 · 0 评论 -
CSS基础笔记
CSS基础语法 Ø css中的方向 --- 顺时针方向Ø 自定义元素属性之前很重要的一点是清楚系统默认的属性，比如清楚系统默认的内边距和外边距。 Ø 继承关系：子区域继承父区域的样式，同时，子区域也可以对父区域的样式进行重写，或者说覆盖。 Ø 选择器：不同的选择器修饰于同一元素，按照优先级，选择器依次是Id选择器，类选择器，标签选择器。除了三大主流大选择器之...原创 2018-07-28 15:18:25 · 201 阅读 · 0 评论 -
选择器基础知识
为什么需要选择器？选择器可以直接将样式和元素绑定起来，同时可以取代没有任何语义的class属性。从而避免了在web程序或者网站完成以后又要修改样式所花费的大量时间。什么是选择器？连接html源代码和css样式表的神器，使样式表修饰源码中特定的元素的内容。选择器的作用：进行样式指定，具体说就是，采用正则表达式的方式，声明该样式应用于什么元素，该元素的某个属性值必须是什么。指定样式时常...原创 2018-07-28 15:17:08 · 386 阅读 · 0 评论 -
css布局 --- 流体布局 冻结布局 凝胶布局 绝对定位
两栏布局之流体布局两栏布局之冻结布局两栏布局之凝胶布局========================================两栏布局之流体布局主内容动态拓展，边栏浮动。边栏动态拓展，主内容浮动。========================================主内容动态拓展，边栏浮动。========================================step1...原创 2018-07-09 12:01:09 · 1132 阅读 · 1 评论 -
font笔记 随手而写
font体系字体家族 font-family 字体大小 font-size px % 字体样式 font-style italic字体粗细 font-weight bolid字体颜色 color 十六进制文本装饰 text-decoration边框：border行高：line-height===========================================元...原创 2018-07-08 16:20:05 · 145 阅读 · 0 评论 -
absolue定位和fixed定位的区别
fixed:固定定位absolute:绝对定位区别很简单：1、没有滚动条的情况下没有差异2、在有滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动可以这么理解，fixed：固定在当前window不动， absolute：会随参照对象元素的高度和宽度变化而变化一般fixed用在遮盖层和固定在页面某个位置，如固定在顶端的菜单栏，又如弹出...转载 2018-08-02 13:03:22 · 4140 阅读 · 0 评论