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