前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2.一条或多条声明:如下所示: selector { property: value; property: value; property: value; property: value; ... } 例如: h1 {color:red; font-size: 14px;} CSS的四种使用方式 1.行…

前端第二篇---前端基础之CSS 目录 一.css介绍 二.css语法 三.css的几种引入方式 四.css选择器 五.css属性相关 六.盒子模型 拓展 一.css介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 二.css语法 2.1css实例 每一个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. 2.2 CSS注释 /*这是注释…

目录 前端基础之CSS css简介 基本选择器(重要) 组合选择器(重点) 属性选择器 分组与嵌套 伪类选择器 伪元素选择器 选择器的优先级 字体相关 背景属性 边框属性 display属性 盒子模型 浮动 定位 是否脱离文档流 溢出属性 z-index属性 透明度 练习 前端基础之CSS css简介 # 层叠样式表>>>:就是给HTML标签修改样式 语法结构 选择器 { 属性名1:属性值1; 属性名2:属性值2 } 注释语法 /*注释内容*/ 引入方式 1.style内部直接编写css…

clear:left/ringt属性 CSS:语法形式上由选择器+以及一条或多条声明组成:选择器查找到指定的html标签后,使用css属性设置html标签的样式:                                              一.css 语法形式:                                                  二.使用步骤   1.引入css规则 2.使用css选择器 查找html标签: 3.利用css属性 设置html标签的样式:…

1. CSS介绍 现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 接下来我们要讲一下为什么要使用CSS. 1.1 HTML的缺陷 不能够适应多种设备 要求浏览器必须智…

品优购项目(三) 1. 首页制作 1). 楼层区 floor 注意这个floor 一个大盒子 包含, 不要给高度,内容有多少,算多少 2). 家用电器模块 这个模块 简单 不需要写样式 版心居中对齐 因为这些模块 基本相同,下面的 模块基本用这些样式 所以 咱们下面两个盒子的命名是: 1号盒子 box-hd 给一个高度, 有个下边框 里面分为左右2个盒子 2号盒子 box-bd 不要给高度. 3). box-hd 模块 有高度 左边 h3 盒子 右边 div 命名为 tab-list 因为用到…

来源:https://www.cnblogs.com/shuiyi/p/5597187.html 行框的概念 红色(line-height)为行框的顶部和底部,绿色(font-size)为字体的高度,蓝色为基线(字母x底部所在的水平线) 行内元素: 行内块元素: (左)在流内内容的情况下,内联块元素的基线是正常流中最后一个内容元素的基线(左边的例子).对于这最后一个元素,它的基线是根据它自己的规则找到的. (中)在流内内容但内联块元素有overflow:hidden属性的情况下,基线是内联块元素…

一.背景属性 <style> p { /*背景颜色*/ background-color: red; /*字体颜色*/ color: blue; /*宽度和高度*/ width: 600px; height: 600px; /*背景图片*/ background-image: url('hlw.png'); /*背景重复*/ background-repeat: no-repeat; /* repeat(默认):背景图片平铺排满整个网页 repeat-x:背景图片只在水平方向上平铺 repea…

CSS属性操作 1.文本 文本颜色:color,颜色属性被用来设置文字的颜色,颜色是通过CSS经常指定的,其格式有: 1.十六进制:#FF0000: 2.RGB值:RGB(255,0,0): 3.颜色名称:red: 水平对其方式:text-align属性规定元素中的文本的水平对齐方式: 1.left:文本排列到左边:默认值:由浏览器决定: 2.right:文本排列到右边: 3.center:文本排列到中间: 4.justify:文本两端对齐: 文本其他操作: text-align:center…

一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性:vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 unicode-bidi:设置文本的方向 3.盒子模型的属性:width,height,margin,margin-top,margin-right,margin-bottom,margin-left,border,border-style,b…