CSS笔记
CSS笔记(4)
学习内容:CSS的元素显示模式:块元素/行内元素/行内块元素元素显示模式转换简洁版小米侧边栏案例CSS的元素显示模式1.什么是元素显示模式 作用: 网页的标签非常多,在不同的地方会使用不同类型的标签,了解他们的特点可以更好的布局我们的网页. 元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个span.html元素一般分为块元素和行内元素两种类
日期 2023-06-12 10:48:40
CSS笔记(17)
CSS三角的做法 有时候我们会看到网页中盒子边边有一些小三角,这种小三角是可以直接用CSS写出来的. 这个的方法特别神奇...如果设置一个没有宽度和高度的盒子,只设置边框,然后为每个边框设置不同的颜色,就会得到这样的图形 所以我们要想得到某一个三角形,只要将所有的边框都设置为透明的,只给我们想要的三角形所在的边框一个颜色. <head> <meta charset=
日期 2023-06-12 10:48:40
Scss学习笔记，持续记录
Scss起步相关文档：https://www.sass.hk/docs/1.Ruby安装下载Ruby：https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-3.1.0-1/rubyinstaller-3.1.0-1-x64.exegem sources --add https://gems.ruby-c
日期 2023-06-12 10:48:40
PostCss学习笔记，持续记录
Css模块CSS 的隔离主要有两类方案，一类是运行时的通过命名区分，一类是编译时的自动转换 CSS，添加上模块唯一标识。1.运行时运行时的方案最典型的就是 BEM，它是通过 .block__element–modifier 这种命名规范来实现的样式隔离，不同的组件有不同的 blockName，只要按照这个规范来写 CSS，是能保证样式不冲突的。但是这种方案毕竟不是强制的，还是有样式冲突的隐患。2.
日期 2023-06-12 10:48:40HTML&CSS精选笔记_CSS高级技巧详解编程语言
CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。通常情况下，这个由很多小的背景图像合成的大图被称为精灵图， CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图）。然而，各个网页元素通常只需要精灵图中不同位置的某个小图，
日期 2023-06-12 10:48:40HTML&CSS精选笔记_列表与超链接详解编程语言
无序列表的各个列表项之间没有顺序级别之分，是并列的 ul li 列表项1 /li li 列表项2 /li li 列表项3 /li /ul 每对 ul /ul 中至少应包含一对 li /li 。无序列表中type属性的常用值有三个，它们呈现的效果不同disc（默认值） ●circle
日期 2023-06-12 10:48:40HTML&CSS精选笔记_HTML与CSS网页设计概述详解编程语言
网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 Internet网络 就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。 WWW WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。 URL（英文Uniform Resource Locator的
日期 2023-06-12 10:48:40整理一下以前的Html+css3复习笔记详解编程语言
input新type:url/number/range/Date(date, month, week, time等)/search/color Chrome 和 Safari 需要前缀 -webkit- Internet Explorer 9 需要前缀 -ms- transform-origin:
日期 2023-06-12 10:48:40
CSS学习笔记05 display属性详解编程语言
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有 h1 ~ h6 、 p 、 div 、 ul 、 ol 、 li 等，其中 div 标记是网页制作中最常用的块元素。 行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构的样式。行内元素不能嵌套块级标签
日期 2023-06-12 10:48:40
淘宝段正淳的css笔记大全
试想过总结出这几年来写css与xhtml的经验，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。 现在就来说个淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始，类目间的竖线无非都只有三种。 背景图在a标签设置一个padding用宽1px高不等的背景图来position到右侧。缺点：最后一个还是
日期 2023-06-12 10:48:40Class与ID区别margin和padding区别CSS学习笔记
由于现在百分之99.99%的CMS都是用div+css来构建网页模板的，被逼无奈，一大把年纪了还要学习CSS，说实话没觉得用div来布局比table好在什么地方！但迫于行势，先硬着头皮看吧，能学多少是多少。根据数据与结构分离的原则，CSS最好要独立于网页文件，用复制代码代码如下:<link rel="stylesheet" type="text/css" href="../xxx/web.
日期 2023-06-12 10:48:40CSS学习笔记Padding属性中参数的定义与使用
一直都对CSS中Padding 属性中参数个数的定义颇为困惑，例如：body { padding: 32px;}body { padding: 32px 24px; }body { padding: 32px 24px 18px; }body { padding: 32px 24px 18px 12px; }今天baidu查看了CSS的标准文档，其中是这样规定的：如果只提供一个，将用于全部的四条
日期 2023-06-12 10:48:40《css揭秘》读书笔记
第一章 引言 css编码技巧 在引言中，作者提到使用em与inherit来实现css代码的简洁与可维护性。但是根据本司机两年的开发经验来看，在实际开发中很少来使用em这个单位。如何用以及何时去使用，还是要根据实际开发需求来定吧，毕竟这两个属性都有一定的局限性。 第二章 背景与边框 半透明边框 border: 10px solid hsla(0, 0%,
日期 2023-06-12 10:48:40SCSS学习笔记（一）
SCSS的由来 SCSS就是加强版的CSS，要讲SCSS那就一定要从SASS讲起 SASS Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。2007年发行，2016年版本稳定，设计和开发分开进行，让这个语言的
日期 2023-06-12 10:48:40css 课堂笔记
css：层叠样式表 Cascading( [kæ'skeɪdɪŋ] 级联)Style Sheet css基本语法结构：选择器{ 属性：值; 属性：值； ... } 三种主要的选择器： 标签选择器： 以HTML标
日期 2023-06-12 10:48:40CSS3选择器之学习笔记
首先说first-child与last-child，这两个选择器很容易明白，就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素，甚至第偶数个、奇数个子元素精选样式的制定。 /*选择器写法示例*/ nth-child(n) //正数第n个子元素nth-last-child(n) //倒数第n个子元素nth-child(odd)
日期 2023-06-12 10:48:40css小笔记
一、优先级 二、伪类 三、伪元素 ::first-line ::first-letter ::before ::after ::selection 伪元素共有5个，selection是css3新加的，表示选中的文字，css2伪元素和伪类是一样只有一个：而css3规定伪元素要用两个： 四、background-size值为cover和值为100%的区别 background
日期 2023-06-12 10:48:40css 选择器学习笔记
网站链接： https://www.w3.org/TR/CSS21/selector.html CSS支持的所有选择器： 选择器 grouping 当几个选择器共享同一部分属性时&#x
日期 2023-06-12 10:48:40AI公开课：19.03.27韦韬—百度CSS《AI产业面临的安全威胁与挑战》课堂笔记以及个人感悟
AI公开课：19.03.27韦韬—百度CSS《AI产业面临的安全威胁与挑战》课堂笔记以及个人感悟 导读 韦韬，百度首席安全科学家(Chief Security Scientist ) 海因里希法则：海因里希法则是美国人海因里希通过分析工伤事故的发生概率，为保险公司的经营提出的法则。这一法则完全
日期 2023-06-12 10:48:40【CSS笔记】CSS背景、精灵图、轮廓、margin塌陷问题
目录 1.1、CSS背景 1.2、CSS精灵图 1.3、CSS轮廓 1.4、CSS边距塌陷问题 （1）垂直margin塌陷 （2）嵌套margin塌陷 （3）解决塌陷问题 1.1、CSS背景 【background-image】属性，设置
日期 2023-06-12 10:48:40【CSS笔记】CSS选择器的优先级（权重）
目录 1.1、选择器的优先级 1.2、CSS选择器权重 1.1、选择器的优先级 CSS选择器的优先级顺序如下所示： 内联样式（style） > id选择器 > class选择器 > 元素选择器 > 通用选择器。 在CSS里面，如果有多个选择器作用在同一
日期 2023-06-12 10:48:40【CSS笔记】CSS布局之五种定位方式（静态、相对、绝对、固定、粘性）
目录 一、CSS定位布局 1.1、static静态定位 1.2、relative相对定位 1.3、fixed固定定位 1.4、absolute绝对定位 （1）默认绝对定位参考点 （2）设置绝对定位参考点 1.5、sticky粘性定位 （1）sticky粘性
日期 2023-06-12 10:48:40【CSS笔记】CSS盒子模型（标准盒子模型、怪异盒子模型）
目录 一、盒子模型 1.1、标准盒子模型 1.2、怪异盒子模型 （1）box-sizing属性 一、盒子模型 1.1、标准盒子模型 浏览器是通过盒子模型，来计算某个内容占据的区域大小的，完整的盒子模型是由下面这些东西组成的： 一个盒子模型，由四部分组
日期 2023-06-12 10:48:40【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
这篇css博客是参考B站黑马程序员–pink老师做的个人笔记,供平时复习使用,现分享给大家,喜欢的话请多多点赞收藏哦~~ 文章目录 P62.css简介P63.css的语法规范P65.选择器总体概
日期 2023-06-12 10:48:4011.23CSS笔记
每一步的编写过程都在代码里面书写了，暂且记录下来 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" content="This is a meta data" name="dengyexun"> 5 <title&g
日期 2023-06-12 10:48:40css基础教程【学习笔记】
【前端总路线学习笔记】 文章目录 css基础一. css初识二. css语法规范三. 字体属性四. CSS注释五.开发工具六. 选择器七.文本属性八.css样式表：1.内部样式表（嵌
日期 2023-06-12 10:48:40