【web前端----css选择器样式】的更多相关文章

web前端----css选择器样式

一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. 2.内嵌式 嵌入式是将CSS样式集中写在网页的<head></head>标签对中的<style></style>标签对里.格式如下: 3…

WEB前端 CSS(非布局)

目录 WEB前端 CSS CSS引入方式 CSS结构 CSS选择器 直接选择器 组合选择器 分组选择器 也叫并集选择器 属性选择器 伪类选择器 伪元素选择器 CSS选择器是一个查找的过程,高效的查找影响页面加载的效率 CSS选择器的优先级 CSS声明 CSS非布局声明 CSS布局声明 除了css 对样式有影响,标签元素的其它属性也会有一些影响.如 的type类型 WEB前端 CSS CSS被用于同时控制多重页面的样式和布局样式很多:关键在于布局的耗时和难点通过CSS可以将html中的格式化都剥离…

Web前端-CSS必备知识点

Web前端-CSS必备知识点 css基本内容,类选择符,id选择符,伪类,伪元素,结构,继承,特殊性,层叠,元素分类,颜色,长度,url,文本,字体,边框,块级元素,浮动元素,内联元素,定位. 链接: <link rel="stylesheet" type="text/css" href="sheet.css" title="default"> link标签: <link rel="styleshe…

零基础学WEB前端-CSS

CSS指层叠样式表(Cascading Style Sheets),CSS 是标准的布局语言,用来控制元素的尺寸.颜色.排版.CSS 由 W3C 发明,用来取代基于表格的布局.框架以及其他非标准的表现方法.样式 (style) 定义如何显示 HTML 元素:样式通常存储于样式表中:外部样式表存储于 CSS 文件中. CSS可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 1.CSS基础…

web前端—css面试题

1.CSS 选择符有哪些? 2.CSS 优先级的选择过程? 优先级复合就近原则,同权重的情况下有限选择最近的属性. 载入样式的话是以最后载入的定位为准. 优先级: !important > id > class > tag(important要优先于内联样式) 3.阐述一下CSS3的新增伪类. 4.如何居中 div?如何居中一个浮动元素?如何让绝对定位的div居中? div居中:给div一个宽度,然后添加margin: 0 auto;属性即可. 浮动元素居中: 绝对定位的div居中: 5…

前端——CSS选择器

目录 前端CSS CSS三种引入方式 CSS标签选择器 基本选择器 1.元素选择器 2.类选择器 3.id选择器 4.通用选择器 组合选择器 1.后代选择器 空格 2.儿子选择器 > 3.毗邻选择器 + 4.弟弟选择器 ~ 属性选择器 中括号[ ] 1.精确属性查找 2.更精确属性查找 3.精确度再提高查找 组合选择器 1.标签组合选择 伪类选择器 1.日常状态 2.鼠标悬浮时 3.鼠标按下时 4.鼠标送开时 5.鼠标聚焦之后触发 伪元素选择器 1.选择首字 2.再标签之前添加文本 3.在标签之…

web前端——CSS详解

简介 CSS(Casading Style Sheet)是一组HTML元素外观的设置规则,用于控制web页面的表现形式,一般被翻译为"级联样式表"或"层叠样式表".通常情况下,我们是用HTML标签定义文档的内容,用CSS定义内容的表现形式,这样将页面内容与表现形式分离,可以使HTML文档代码看起来更加简练,缩短浏览器的加载时间. CSS的语法 1.基本语法规则 CSS的语法规则比较简单,由三部分组成:选择器.属性.值,写法如下: selector {property…

web前端css(一)

一  css的引入方式: 1)    行内样式:     <p style=”color: green”>我是一个段落</p> 2)    内接样式: <style type=”text/css”> /*写css代码*/ span{ color:yellow } </style> 3)    外接样式(链接式和导入式) <link  rel=”stylesheet”  href=”./index.css”>       <!—链接式--&g…

Web前端——css

css 推荐的样式编写顺序: Positioning:定位 Box model:盒子模型.大小等 Typographic:文字系列.排印等 Visual:可视化.背景等 Misc:其它混杂模式 居中 垂直居中,设置line-height 水平方向 text-align flex 弹性盒子 其实就是一个百分比布局,使用这个的时候,子元素的宽高会受限制于弹性盒子 <!DOCTYPE html> <html> <head> <meta charset="utf…

[Web 前端] CSS篇之2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法

cp: https://blog.csdn.net/zengyonglan/article/details/53304487 2. 清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法 ? 一.什么时候需要清除浮动? 我们对元素进行了浮动(float)时,我们的元素就会脱离文档流,像一只小船一样漂流在文档之上. 在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素. float主要流行与页面布局,然后没有使用后没有清除浮动,就会后患无穷. 知乎上截图:  分析HT…