【02---CSS整理】的更多相关文章

Python web前端 02 CSS

Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板 复制内容--->SETTING---> Editor ----->font (SIZE:修改字体大小)----> color scheme(背景)---->File and Code Templates(建立模板) ----->Scheme(改成Project)---->将刚复制的内容粘贴到上面,那么以后创建的html文件就自动变成那么模板了 #在h…

02 CSS块级元素和行内元素

02 CSS块级元素和行内元素 划分依据:根据标签内部可以存放的元素内容不同进行划分,它与CSS样式无关. 要先了解这个 得先了解 什么是容器级别的标签和文本级? 容器级标签 什么是容器级标签? 内部可以存放任意内容,包括容器级标签.比如: p div h ul ol dl li dt dd 文本级标签 什么是文本级标签? 内部只能存放文字或者类似文字的内容.比如 存放图片.表单元素等 块级元素 什么是块级元素? 块级元素会独占一行 行内元素不会独占一行 行内元素 什么是行内元素? 不会独占一行…

css整理－02 颜色和字体

颜色 命名颜色 RGB指定颜色 数值: 0-255 百分比 三元组:红绿蓝 16进制RGB web安全颜色 在256色计算机系统上总能避免抖动的颜色 表示为rgb值20%和51的倍数 web安全色的简写16进制是0,3,6,9,C,F 长度单位 绝对长度单位 in, cm, mm, pt, pc 实际中几乎不使用 相对长度单位 印刷度量单位:em, ex,像素:px 度量的实际距离可能因为屏幕分辨率,可视区的宽度,用户选择等原因而改变 1个em定义为一种给定字体的font-size值; (实际上…

css整理之-----------选择器

背景 在20年初时总感觉自己的css 不够用,想把css 相关的东西整理下,去年一整年都比较忙,忙着就到2021了,今天趁着有点时间,先从选择器开始吧. 听说图片可以提升颜值.... 选择器 CSS选择器用于选择你想要的元素的样式.简单划分为简单选择器.组合选择器.伪类选择器. 简单选择器 通配符 标签选择器 类选择器 id选择器 属性选择器 属性选择器还有如下语法: 选择器 描述 [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性和值…

css整理之-----------技巧、黑魔法

css 看起来比较简单,但是要想做的好也不是那么容易,我们在平时开发中,主要用css 来美化我们的html结构,所有我觉得css 还是挺重要的,这里记录整理一些关于css 的技巧以及容易忘记的知识点. 1.css 问题解决思路 在遇到css问题时,我一般从以下思路来思考 从元素本身的属性出发,组合各种可能: 尝试如果把相关属性设置为负数是否可以解决,如边框重叠问题: 如果第一步没有成功,那么在元素之外(或者之内)套一层元素,再次尝试: 一般问题都能在第二步解决,如果还是没有,那就要求助场外观众了…

css整理－06 表和列表

表格式化 表布局 table, display:table caption, display: table-caption thead, display: table-header-group tbody, display: table-row-group tr, display: table-row td,td, display:table-cell tfoot, display:table-footer-group col, display:table-column 以行为主 css将其表模…

css整理－01选择器和继承

元素 元素形式: 替换,非替换 元素类型: 块级,行内 列表是特殊的块级元素,它会生成一个标记符 样式表 候选样式表: rel='alternative' @import导入样式表,必须在style的开头:结构可以为 <style type='text/css'> @import url(a.css) print; <style/> 注释: /**/ 选择器 关键字一般用空格分开,一种特殊情况就是,设置字体大小和行高 font: large/150% sans-serif; 属性选…

02 CSS/javaScript

CSS(Cascading Style Sheets)是层叠样式表用来设置网页的显示效果.可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. CSS和HTML的结合方式      1. Style属性方式      2. 内部样式表方式: HTML提供的<style标签>,须写在<head>标签内部           <style type="text/c…

前端必会css整理

1.设置css样式的三种方式?         外部样式表,引入一个外部css文件         内部样式表,将css代码放在<head>标签内部         内联样式,将css样式直接定义在html元素内部 2.css有哪些选择器?         id选择器         类选择器         标签选择器         又可以细分为:         派生选择器(包括后代选择器.子元素选择器.相邻兄弟选择器)         伪元素选择器         属性选择器    …

高效 css 整理

避免通用规则 请确保规则不以通用类型作为结束! 不要用标签名或 classes 来限制 ID 规则 如果规则的关键选择器为 ID 选择器,则没有必要为规则增加标签名.因为 ID 是唯一的,增加标签只会拖慢匹配过程. 差 button#backButton {…} 差 .menu-left#newMenuIcon {…} 好 #backButton {…} 好 #newMenuIcon {…} 例外:When it’s desirable to change the class of an ele…