css基础

前端学习 -- CSS基础 --CSS 选择器 和 层叠式

一、CSS选择器在内嵌式和外部css中，要想将css样式应用于特定的html元素，首先需要找到该目标元素，这时需要用到css中的选择器选择器选择器：选择要添加样式的html标签的一种方法、模式首先学习css2.1版本的七种选择器：基础选择器：标签选择器、id选择器、类选择器、通配符选择器高级选择器：后代选择器、交集选择器、并集选择器标签选择器通过标签名去选择标签元素书写方式：标签名选择范围：选中的
qiong的叮当响·2020-10-19 16:25

前端学习 -- CSS基础

一、产生背景从HTML被发明开始，样式就以各种形式存在，最初的HTML只包含很少的显示属性随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能，例如文本格式化标签但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿于是CSS便诞生了发展过程css概念css全称cascadingstylesheets，层叠式样式表，是一种用来表现HTML的文件样式的计算机
qiong的叮当响·2020-10-19 16:23

前端体系结构知识概括

HTML基础知识点：CSS基础知
GeorgeLin98·2020-10-16 23:36

day01_CSS基础

一、CSS的书写位置CSS(CascadingStyleSheets)层叠样式表,主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。1.1行内样式格式：内容示例：我爱我的祖国注意：style其实就是标签的属性属性和值中间是冒号。多组属性值之间用分号隔开。1.2内部样式格式：选择器{属性1:属性值1;属性2:属性值2;属
Threejs开发者·2020-10-11 00:21

css基础--浅谈几种常用的布局方式

1.固定布局宽度，高度固定，页面被一个固定网页包裹，容器不能移动，页面的宽高不随页面的变化而变化，这种布局大家比较熟悉，这种方式一度成为页面布局的主流方式，这样布局设计简单，更容易定义，但是由于屏幕尺寸的不同，特别是移动端各个设备的不同，这种布局在灵活性方式可用度不高。2.流式布局以百分比为主要形式，让屏幕自适应，这种布局方式定义灵活，能够根据屏幕的情况变化，但是这种方式设计的效果不太容易控制，一
沈神奇·2020-10-10 22:47

css基础

1.标准的CSS的盒子模型IE的盒子模型不同点标准css盒子模型:内容宽度不包括padding和borderie盒子模型:内容宽度包括padding和border2.box-sizing属性用来控制浏览器盒子模型的解析方式,border-box表示使用ie传统的盒子模型即是内容宽度包括contentpaddingbordercontent-box表示使用标准css盒子模型即是内容宽度不包括padd
lolo·2020-10-09 19:43

学习笔记~ 1.1CSS基础

1.1CSS基础笔者为正在学习web前端开发基础的菜鸟，计划先学习祖传三大件：HTMLCSS及JS。写博客主要是为了加深记忆，以及把自己所学分享。
zeddme·2020-09-26 11:49

Web前端入门 HTML+CSS基础

HTML+CSS基础知识总结目录HTML+CSS基础知识总结1.web标准2.HTML基本标签2.1基本标签2.2表格表格标题caption2.3表单2.4标签分类和特性3.选择器3.1常用选择器种类3.2
Web_chicken·2020-09-17 10:49

CSS基础-定位

一、相对定位什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动格式:position:relative;示例程序*{margin:0;padding:0;}div{width:100px;height:100px;}.box1{background-color:red;}.box2{background-color:green;position:relative;top:20px;l
徐小七七·2020-09-17 09:08

CSS阅读笔记---CSS基础篇

本文是这些天阅读慕课网的css基础篇部分所作的笔记。
keasar...·2020-09-17 09:31

HTML+CSS3（九）——CSS高级技巧

HTML+CSS3（一）——认识浏览器HTML+CSS3（二）——HTML初识HTML+CSS3（三）——HTML基本标签HTML+CSS3（四）——表单pattern正则属性HTML+CSS3（五）——CSS
C-A-L-D·2020-09-17 09:25

妙味云课堂(一) html和css基础

一.background复合属性：一个属性有多个属性值。#bg{url(bg.jpg)centertopno-repeatgrayfixed;}等同于#bg{background-attachment:fixed;background-color:gray;background-image:url(bg.jpg);background-repeat:no-repeat;background-pos
iteye_17773·2020-09-17 08:10

css基础2

CSS背景(background)CSS可以添加背景颜色和背景图片，以及来进行图片设置。background-color背景颜色background-image背景图片地址background-repeat是否平铺background-position背景位置background-attachment背景固定还是滚动背景的合写（复合属性）background:背景颜色背景图片地址背景平铺背景滚动背
℡清欢·2020-09-17 08:39

CSS世界笔记——基本尺寸总结

当你学完CSS基础，同时，在自己入手做网页界面时，会发现出现了很多的乱七八糟的bug，这时候，你就要去看看《CSS世界》这本书了。针对自己看的几点汇总一下，便
Dodder_B·2020-09-17 08:48

CSS基础学习——定位与与元素的显示与隐藏 案例

一.定位1》为什么需要定位当标准流和浮动无法实现时，定位就是将盒子中定位在屏幕中的位置不动2》定位组成定位=定位模式+位偏移定位模式：指定元素在文档中的定位方式，通过position属性实现，下面为其职（static：静态定位relative：相对定位绝对定位：absolute固定定位：fixed）边偏移：决定元素的最终位置，有topbottomleftright3》定位模式的四2.相对定位：元素
MAX--李·2020-09-17 08:11

css基础-盒子（div）模型、背景属性、边框线的设置、padding、margin、网站的设置思想（float），图片代替列表符号

-背景的属性lBackground-color:背景颜色例如：background-color：#ff0000;background-color:red;lBackground-image:背景图片例如background-image:url(图片的路径)lBackground-repeat:背景图片是否平铺取值：no-repeat不平铺repeat-x横向平铺repeat-y纵向平铺repeat
muzidigbig·2020-09-17 08:32

HTML&CSS学习笔记 纯知识点版 (尚硅谷2019李立超版)

此版为纯知识点无练习笔记版本目录1.HTML基础1.1网页的结构1.2HTML中的"实体"1.3meta标签1.4语义化标签1.7列表1.8超链接1.9图1.10内联框架1.11音视频2.CSS基础2.1CSS
Liukairui·2020-09-17 02:19

CSS基础——使用CSS变量

当我们在开发较大的CSS文件时，会遇到使用重复变量的情况，此时可以使用CSS变量来简化开发，具体看代码示例。用法//声明css变量element{--main-bg-color:brown;}//使用css变量element{background-color:var(--main-bg-color);}demo这里使用MDN的例子进行说明.one{color:white;background-co
EJoft·2020-09-16 22:38

Java程序员从笨鸟到菜鸟之（十六）CSS基础积累总结（上）

一：CSS的工作原理1.基本的CSS语法比方说，我们要用红色作为网页的背景色：用HTML的话，我们可以这样：用CSS的话，我们可以这样获得同样的效果：body{background-color:#FF0000;}上例也向你展示了基本的CSS模型：为HTML文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法（即外部样式表）予以关注。方法1：行内样式表（style属
long_yu2·2020-09-16 12:16

02-CSS基础选择器

CSS选择器（重点）1.CSS选择器作用（重点）如上图所以，要把里面的小黄人分为2组，最快的方法怎办？很多，比如一只眼睛的一组，剩下的一组选择器的作用找到特定的HTML页面元素pink老师一句话说出他们：※※※※**CSS选择器干啥的？选择标签用的，把我们想要的标签选择出来**必须记住的css就是分两件事，选对人，做对事。h3{color:red;}这段代码就是2件事，把h3选出来，然后把它变成了
覃祚荣·2020-09-16 04:23

CSS基础语法(一) CSS的3种引入

CSS样式表CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。Web早期，HTML是一种很有限的语言，这种语言不关心外观，它只是一种简洁的小型标记机制。随着Mosaic网页浏览器的出现，网站开始到处涌现。对于页面改变外观的需求增加，于是增加了类似和之类的标记元素。几年之后
weixin_30516243·2020-09-16 04:23

css基础-选择器

css选择器大全1.基本选择器序号选择器名称说明css版本1*通用选择器选择所有元素，对所有元素设置样式，包括html和body22div,span标签(元素)选择器根据标签选择元素13#id选择器选择指定id元素14.类选择器选择指定class15[attr]属性选择器根据元素属性去选择2-3属性选择器的几种用法(了解)[href]{color:red;}含有href属性（样式才会生效）[hre
-安小喵·2020-09-16 02:01

CSS基础_CSS样式之字体样式

1、font-size:字号大小，单位：px；2、font-family:字体，比如：宋体，“CourierNew”,Courier,monospace,“TimesNewRoman”,Times,serif,Arial,Helvetica,sans-serif,Verdana等；在CSS中设置字体名称，直接写中文是可以的，但是在文件编码（GB2312、UTF-8等）不匹配时会产生乱码的错误。xp
fly-phantomWing·2020-09-16 01:41

CSS基础_CSS样式的几种书写形式

1.内嵌式将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：标签名/选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;.....}2.内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下：内容3.链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link
fly-phantomWing·2020-09-16 01:14

【CSS基础篇】——常用属性

文字的设置颜色div{color:#FF0000;color:red;color:rgb(255,0,0);color:rgba(255,0,0,0.5);}设置颜色有以上的一些方法。第一个是在输入color后，编译软件会自己跳出颜色，我们可以直接按动上下键进行选择，选择到自己喜欢的颜色按下回车即可（即十六进制值）。第二个就是懒得选颜色，自己手动打的咯（即颜色名称）。重点讲一下第三个和第四个rgb
V er·2020-09-15 15:48

css基础

目录：布局方式css的概念css的三种引入方式选择器段落(文本)属性和边框以及背景属性布局方式table网页设计内容和样式(外观和布局)混合table+css网页设计table布局,css指定外观div+css网页设计div放内容,css指定样式(外观和布局),内容和样式彻底分离css的概念CSS（cascadingstylesheet，层叠样式表)是一种制作网页的新技术，现在已经为大多数浏览器所
番茄炒蛋君·2020-09-15 14:05

CSS基础知识点总结

一、css的简介1、什么是css层叠样式表，css是对html进行样式修饰语言层叠：就是层层覆盖叠加，如果不同的css样式对同一html标签进行修饰，样式有冲突的部分应用优先级高的，不冲突的部分共同作用样式表：就是css属性样式的集合2、css的作用(1)修饰html的使其html样式更加好看(2)提高样式代码的复用性(3)html的内容与样式相分离便于后期维护3、css的引入方式和书写规范(1)
Renaway·2020-09-15 13:02

css基础知识总结

一：对css的理解what：cascadingstylesheet，是给html化妆的，是让html如何更加丰富的显示自己。how：使用样式表有三种方式：内联样式内部样式外部样式（*）—–why：给人一种更好的视觉体现，人总是喜欢更美丽更漂亮更舒适更丰富阅读网页。二：css的语法选择器：声明（1）选择器分类1.元素选择器elementName{}2.类选择器.class{}3.id选择器#id{}
北冥友余·2020-09-15 12:20

CSS基础知识（定位）

CSS基础知识CSS布局的三种机制普通流（标准流）浮动定位定位模式静态定位(static)相对定位(relative)绝对定位(absolute)固定定位(fixed)边偏移定位案例新浪首页案例分析顶部和底部左右两侧
༺初辰༻·2020-09-15 12:23

CSS基础知识（高级技术）

CSS基础知识元素的显示与隐藏display显示visibility可见性overflow溢出CSS用户界面样式鼠标样式cursor轮廓线outline防止拖拽文本域resizevertical-align
༺初辰༻·2020-09-15 12:46

【css】选择器+盒子模型

做牛腩的时候曾接触过css，有一篇博客总结如下：【牛腩】HTML+CSS基础了解【如何引入css】曾写了一篇文章：【JavaScript】什么是JavaScript？
李爽11·2020-09-15 11:35

转载/NEC:更好的CSS样式解决方案之五/代码库

前言：特色功能Nice+Easy=Better，读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库
qq_26780317·2020-09-15 11:14

转载/NEC:更好的CSS样式解决方案之四/框架篇（css reset/css function/css media/css animation/html template/html email）

前言：特色功能Nice+Easy=Better，读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库
qq_26780317·2020-09-15 11:43

转载/NEC:更好的CSS样式解决方案之三/工程师规范篇

前言：特色功能Nice+Easy=Better，读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库
qq_26780317·2020-09-15 11:43

转载/NEC:更好的CSS样式解决方案之二/HTML规范篇

前言：特色功能Nice+Easy=Better，读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库
qq_26780317·2020-09-15 11:43

CSS基础学习十六：CSS盒子模型补充之border-radius属性

CSS盒子模型有很多的内容和属性，CSS也一直在更新和新增属性，今天我们来说说CSS3新增的盒子模型中的边框中的内容，也就是border-radius属性。border-radius属性设置元素的边框添加圆角，其实没有边框也可以添加圆角效果。但是要是显示出来，就必须增加背景色或者边框。可能的值：xpx；圆角是xpx，半径为xpx的四分之一圆。语法格式为：border-radius:apxbpxcp
life is wonderful·2020-09-15 10:23

前端css基础（一）盒子模型padding margin border overflow

复习css基础从头开始认清自己认真做一遍抵上简单看一遍1.盒子模型Title*{margin:0px;padding:0px;}.box1{/*position:relative;*//*top:50px
踟蹰千年·2020-09-15 10:02

转载/NEC:更好的CSS样式解决方案之一/CSS规范篇

前言：特色功能Nice+Easy=Better，读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库
qq_26780317·2020-09-15 09:53

CSS基础学习十七：CSS布局之定位

在我们开始学习CSS布局之前，先来了解一下文档流的概念。文档流即是HTML的布局机制，块级元素占一行，行内元素不占一行。将窗体自上而下分成一行行，并在每行中按从左往右的顺序排放元素。一CSS定位和浮动概述CSS定位属性允许你对元素进行定位。CSS为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思
life is wonderful·2020-09-15 09:24

帝国cms系统和织梦dedecms哪个好

从模板方面来说，dedecms的免费模板较多，dede的官方模板可以直接用，简单易用，功能齐全；而帝国官方提供的模板是table格式的，比较偏老，而且有各种标签和变量，需要一定html和css基础才能容易操作
ziylh00·2020-09-15 09:17

React 构建单页应用方法与实例

前言首先在学习这门框架前，你需要对以下知识有所了解：原生JS基础CSS基础npm包管理基础webpack构建项目基础ES6规范以上五个知识点也是目前学习其他前端框架所必须了
weixin_34288121·2020-09-15 09:45

粉阿吉整理(2)之------CSS

本姑凉已掌握的css基础整理CSS层叠样式表，简称为样式表，全称是CascadingStyleSheets1.CSS样式表应用到HTML的3种方式内部样式表用插入到HTML文件头部注意：内部样式表必须定义在之间
粉阿吉·2020-09-15 06:41

CSS基础--table表格

表格在th前面设置好每个宽度：（使用标签就可以提前设置好每一列的宽度）table{border-collapse:collapse;}table,td,th{border:1pxsolidblack;}title1title2title3title4title5content1content2content3content4content5content1content2content3conte
水果妹妹踩前端的坑·2020-09-15 02:08

厚积薄发 前端学习笔记 CSS基础篇-水平、垂直居中布局

水平、垂直居中布局是每个前端人必备掌握的基础技能之一，也是各大公司无比常用的面试题之一，可能我们在实践中用不到这么多的方法，但是掌握主流的垂直居中布局方法，是一个前端人的必须的职业素养之一，本文归纳总结了笔者认为比较实用的一些方法，另外一些奇淫技巧不在本文的讨论范围内GitHub项目链接写在前面相关代码我只贴出水平垂直居中的，水平和垂直居中的综合方案代码，水平和垂直居中的分别的代码其实大部分都是融
weixin_33829657·2020-09-15 01:49

css基础

同时执行两个类选择器。.mini{font-size:22px;}.yellow{color:yellow;}这是第二个divid选择器#p1{color:green;font-size:99px;font-weight:normal;}这是一个p标签类选择器这是第二个div.yellow{color:yellow;}.mini{font-size:22px;}层级.boxspan{}层级选择器主
来杯柠檬茶·2020-09-14 20:52

CSS基础学习七：属性选择器

CSS语法中，对带有指定属性的HTML元素设置样式。可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。(注释：InternetExplorer7（以及更高版本）在规定了!DOCTYPE的情况下支持属性选择器。IE6及更低的版本不支持属性选择器。)CSS2引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。一简单属性选择器如果希望选择有某个属性的元素，而不论属性
life is wonderful·2020-09-14 13:46

前端CSS基础——常规流布局

文章目录常规流块盒的取值问题上下边距的合并问题常规流的简单练习常规流常规流又称为文档流，是页面布局规则之一，所有元素在默认情况下都是常规流布局，它的总体规则是块盒独占一行，行盒水平依次排列。在了解常规流布局前，需要引入一个概念，包含块。包含块在绝大部分情况下，包含块指父类元素的内容盒content-box,每个盒子都有它的包含块，包含块决定了盒子之间的排列次序.块盒块盒一般指子元素的整个盒子模型，
木的又·2020-09-14 11:25

Python系统教程

前端方面(掌握基础即可，越精越好，建议学习顺序1)HTML+CSS基础入门http://www.maiziedu.com/course/421/Javascript初步http://www.maiziedu.com
Capacity_bo·2020-09-14 11:55

CSS 盒模型、布局和包含块

CSS基础盒模型CSS盒模型是页面布局的基础。
云影sky·2020-09-14 09:21

前端入门系列

前端HTML&CSS基础入门（1）初识前端HTML&CSS基础入门（2）段落及文本前端HTML&CSS基础入门（3）列表及其样式前端HTML&CSS基础入门（4）边框与背景前端HTML&CSS基础入门（
前端头条·2020-09-14 01:51
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他