CSS
关注
分享
扫一扫
风九儿
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
走进CSS
什么是CSS？CSS层叠样式表，用于定义HTML内容在浏览器内的显示样式，如果把HTML比作房子的骨架，那么CSS就是给房子装修优点：CSS可以简化HTML相关标签，网页体积小，下载快解决内容与表现分离的问题更好的维护网页，提高工作效率...原创 2018-08-04 21:25:12 · 223 阅读 · 0 评论 -
CSS定位position
CSS定位positionposition属性的意义：position属性决定了元素将如何定位通过改变top、right、bottom、left(单位可以是像素，也可以是百分比)实现位置改变position中的可选参数1.static， 默认值 元素按照标准流的方式进行正常的排列2.relative，相对定位 元素仍然处于正常的文档流中，但可通过top、right、bottom、le...原创 2018-09-28 15:25:06 · 180 阅读 · 0 评论 -
CSS盒子模型
盒子模型盒子模型的概念：盒子模型用来放网页中的各种元素网页设计中内容，如文字、图片等元素，都可是盒子（DIV嵌套）盒子模型的宽度属性宽度 width：像素值/百分比/auto(自动)最大宽度 max-width：像素值/百分比/auto(自动)最小宽度 min-width：像素值/百分比/auto(自动)其中百分比是根据父元素的值进行宽度设置IE6下不支持 max-wid...原创 2018-09-14 17:13:38 · 221 阅读 · 0 评论 -
CSS背景样式
1.background-color 设置元素的背景颜色。 background-color：颜色/transparent 说明：transparent是全透明 颜色值（颜色名/RGB/十六进制） 背景区包括内容、内边距（padding）和边框（border）、不包含外边距（margin）2.background-...原创 2018-09-07 16:19:37 · 5707 阅读 · 0 评论 -
CSS文本样式
text-align属性设置元素内文本的水平对齐方式语法：text-align：left/right/center/justify分别是左对齐，右对齐，居中对齐，两端对齐注：只对块级元素设置有效，如<p>,<div>,<body>等，text-align可以继承vertical-align属性设置元素内容的垂直对齐方式语法：vertical-ali...原创 2018-09-06 19:14:54 · 242 阅读 · 0 评论 -
css列表样式
CSS列表样式1.list-style-type 设置列表项标志的类型 1）无序列表 none 无标记（去除默认的圆点），disc 实心的圆点，circle 空心的圆点，square实心的方块 2）有序列表 none 无标记，decimal 从1开始的整数，lower-roman小写罗马数字，upper-roman 大写罗马数字， lowe...原创 2018-09-09 16:47:14 · 480 阅读 · 0 评论 -
CSS样式命名规范
CSS样式命名规范：采用英文字母、数字以及"-"和“_”命名以小写字母开头，不能以数字和“-”、“_”开头命名形式：单字，连字符，下划线和驼峰使用有意义命名常用的CSS样式命名1.页面结构页头：header页面主体：main页尾：footer内容：content/container容器：containe导航：nav侧栏：sidebar栏目：column页面外围控...原创 2018-08-25 16:46:34 · 3138 阅读 · 0 评论 -
CSS继承、层叠、优先级
CSS继承：<style>p{font-size:12px;}</style><p>CSS<span>继承</span></p>p标签下的内容全都是12像素(继承)继承好处：1.父元素设置样式，子元素可以继承部分属性2.减少CSS代码注意：不是所有属性都可以继承CSS层叠：可以定义多个样式不冲突时，...原创 2018-08-25 10:14:34 · 446 阅读 · 0 评论 -
CSS字体样式
文字样式属性字体：font-family文字大小：font-size文字颜色：color文字粗细：font-weight文字样式：font-stylefont-family字体属性定义元素内文字以什么字体来显示语法：font-family：字体1，字体2，....说明：含空格字体名和中文，用英文引号括起多个字体，用英文逗号隔开引号嵌套，外使用双引号，内使用单引号...原创 2018-08-26 21:02:10 · 1307 阅读 · 0 评论 -
CSS选择器
CSS选择器：1.标签选择器：通过标签选择器设置样式，那使用该标签的内容都引用该样式2.类选择器1)为HTML标签添加class属性，<h1 class="first">内容</h1>2)通过类选择器来为具有此class属性的元素设置CSS样式， .first{color：red;}同一个元素可以设置多个类，之间有空格隔开：<p class="red f...原创 2018-08-07 21:14:57 · 238 阅读 · 0 评论 -
CSS基本语法
CSS样式规则：CSS规则由两部分构成：选择器（告诉浏览器给谁设置样式），声明（每个声明由属性和值构成由分号隔开位于大括号内）CSS注释：/* */例：h1{color:red;font-size:14px;} 相同属性和值的选择器可以重叠：h1，h2，p{color:red;font-size:14px;}CSS使用方法，如何引用CSS样式1.行内样式（内联样式）在开...原创 2018-08-04 21:26:44 · 655 阅读 · 0 评论 -
CSS浮动
CSS的floatfloat：left 左浮动 可以使块级元素呈现在一行float：right右浮动 可以使块级元素呈现在一行且排列顺序倒序float：none 不浮动float：inherit 继承浮动在HTML中任何元素都是可以浮动的float浮动的真正原因以及副作用：1.float使得元素脱离了标准流2.浮动的元素不占有原有空间，但依然占有文档流空间3.父元素塌陷及其他...原创 2018-10-14 11:11:41 · 192 阅读 · 0 评论