CSS基础

CSS基础总结

1.CSS语法1.1行内式(内联样式)概念：称行内样式、行间样式.是通过标签的style属性来设置元素的样式语法格式：内容注意：style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。type=“text/css”在html5中可以省略。只能控制当前的页面1.2内部样式表(内嵌样式表)概念：称内嵌式是将CSS代码集中写在HTML文档的head头部标签中(理论上他可以放在H
是日前端·2023-04-04 00:58

前端基础-CSS-05

前端CSS基础系列前端基础-CSS-01前端基础-CSS-02前端基础-CSS-03前端基础-CSS-04前端基础-CSS-05前端基础-CSS-06前端基础-CSS-07文章目录7.1.CSS属性书写顺序
turbosqi·2023-04-04 00:52

前端-html和css基础知识

HTML（网页）Web领域的一些基本概念。WEBWeb（WorldWideWeb）叫全球广域网，俗称万维网（www）。W3CW3C（WorldWideWebConsortium）叫万维网联盟，是国际最著名的标准化组织，制定了web标准。WEB标准一个网页包含了html元素CssJavaScript，Html元素决定了网页结构，Css进行了修饰美化，JavaScript控制了交互行为和动态效果。we
编程码农·2023-04-03 22:58

四种CSS 复合选择器

在四种CSS基础选择器中总结过CSS的基础选择器是由单个选择器组成的。
ItDaChuang·2023-04-03 15:37

CSS基础

CSS简介1.什么是css2.css有什么用3.css常用属性什么是css1.层叠样式表2.定义如何显示html元素css有什么用1.让html页面元素显示的更好看2.提高工作效率怎么用css三种方式1.link外部样式href里面填路径2.标签内部样式3.头部样式填写样式代码常用属性1.height高2.width宽3.margin边距4.padding填充5.display显示color颜色7
樊小勇·2023-04-03 13:53

CSS基础：vw和vh是什么

前面聊两个相对的单位em和rem，不过随着时代的发展，em和rem对于有些移动端的内容显示虽然可以达到效果，所以又衍生了两个单位vw和vh。两个也是相对单位不过其相对的是视口（非body标签定义的宽度）的，vw：viewportwidth意思是视口的宽度vh：viewportheight意思是视口的高度。现在说一下具体的单位大小都是各自的百分之一。1vw=1/100*视口宽度。1vh=1/100*
小猪弟·2023-04-03 01:30

CSS基础：flex布局子元素被撑大（文本省略号）

文本撑大子盒子在使用flex布局中，会有下面这样一个问题。这种问题不但会让盒子撑大，而且还有自己在再使用超过文本长度使用省略号的时候，也会再拉动窗口的时候，变的没有效果。如下：测试文档.box{height:100px;display:flex;background-color:#55a532;overflow:hidden;}.boxdiv{flex:1;background-color:blu
小猪弟·2023-04-03 01:29

CSS基础：Less的使用以及注意项

前言CSS在开发的时候会发现一件事，就是无法使用方法以及加入逻辑运算，这个时候就有大神发明了一门兼容CSS的扩展语言Less（LeanerStyleSheet）。简单的说就是安装less的要求，可以使用一些编程语言中的变量，运算等，然后通过其Less样式转换工具转换为css。其实还有SACC，Stylus，但是具体大同小异，本篇只是聊一下Less，如果有兴趣自行查询一下即可。安装所以在编写less
小猪弟·2023-04-03 01:29

CSS基础： 单行和多行文本溢出显示省略号

文本溢出后很多，会显示一些省略号，这个在很多网站都会这样做，从技术层次来分析有两种，一种是前端通过css或者JavaScript进行进行，还有一种是后端传递文字的时候，本身处理完长度，然后返回一个嗲有省略号的文字。而这个放在CSS专栏聊，自然就会聊在CSS中如何解决这个问题，在CSS中对于行数不同不可以分单行文本溢出和多行文本溢出。单行文本溢出如果解决文本溢出显示省略号，需要满足的三个条件：先强制
小猪弟·2023-04-03 01:59

CSS基础知识

CSS语法规则一、基础认知1.1CSS初识CSS写在style标签中，style标签一般写在head标签里面，title标签下面ctrl+/CSS注释快捷键选择器{css属性}2.1CSS引入方式内嵌式：CSS写在style标签中提示：style标签虽然可以写在页面任意位置，但是通常约定写在head标签中作用：当前页面外联式：CSS写在一个单独的.css文件中作用：多个页面提示：需要通过link标
置酒而臥·2023-04-02 18:53

CSS基础笔记

文章目录1.CSS2.Id&ClassCSS的创建具体属性ref1.CSSCSS(CascadingStyleSheets)层叠样式表,一种用于为结构化文档(HTML文档/XML应用)添加样式(字体,间距,颜色等)的计算机语言样式定义如何显示HTML元素,通常存储在样式表,样式添加到HTML4.0中是为了解决内容与表现分离的问题外部样式表极大提高工作效率,通常存储在CSS文件,扩展名.css,多个
小电动车·2023-04-02 16:50

CSS基础知识

CSS概念：CSS指层叠样式表作用：内容与外观分离优点：灵活修改网页外观和同一网站的风格高版本：1.过滤的方法更多2.针对移动端开发提高更多的选择3.动态效果和3D创建CSS行内样式只对当前标签有用------------------------------------------------------------内部样式只在这个HTML中有用在一个HTML中定义的规则，与HTML文件写在一起*
ChenJieYaYa·2023-04-01 23:57

educoder实训平台----CSS3选择器-基础选择器

educoder实训平台----CSS3选择器-基础选择器第1关：CSS基础选择器相关概念DCB第2关：通用选择器*{font-size:100px;color:#D33E2A;}Google第3关：标签选择器
白夜的月亮·2023-04-01 06:40

css基础（day20总结）

1.表单标签（form）专门用来进行用户信息收集的一个标签，一般要结合表单相关的标签来使用才有意义。表单相关标签：input，select，textarea等主要提供form中子标签的内容的提交和重置功能action属性：提交路径（接口）method属性：提交方式（post/get）2.input标签input标签是表单相关标签，可以在from标签中使用，也可以在单独使用input标签会因为typ
蓝色骨头_3f91·2023-03-31 02:36

第一个月 HTML+CSS

初学者建议sublime也不要装插件，没有语法提示，可以打基础html基础css基础html是勾勒，css是染色，直接按照自己所想开写，这是你的第一个项目js基础js是页面的逻辑，作为一个w
乌拉那拉氏狂徒·2023-03-30 22:45

CSS基础-17-图片处理（图片廊、透明图片）

@[toc]1.简单图片廊helloworld/*打img标签的div的效果*/div.img{margin:5px;border:1pxsolid#ccc;float:left;width:180px;}/*鼠标悬停加效果*/div.img:hover{border:1pxsolid#777;}/*打img标签的div元素下的img元素的效果*/div.imgimg{width:100%;hei
开发运维玄德公·2023-03-30 14:13

CSS基础

CSS基础◆基础认知◆基础选择器◆字体和文本样式◆Chrome调试工具◆综合案例1.基础认知1.1CSS的介绍➢CSS：层叠样式表(Cascadingstylesheets)➢CSS作用是什么？？
a-tao必须奥利给·2023-03-30 11:59

CSS基础（超详解）

目录1css基础知识1.1基础知识1.1概述1.2优势1.3应用css的步骤1.2css基本语法1.3css使用方法1.3.1内嵌样式1.3.2内部样式1.3.3外部样式1.3.4使用@import引入外部样式文件
疯狂的小鸡仔·2023-03-30 11:16

CSS基础

CSS选择器解析方式：从右往左解析，加快匹配速度选择器分类元素选择器a{}伪元素选择器::before{}类选择器.link{}属性选择器[type=radion]{}伪类选择器:hover{}ID选择器#id{}组合选择器[type=checkbox]+label{}否定选择器:not(.link){}通用选择器*{}权重选择器ID选择器#id{}+100类属性伪类+10元素伪元素+1其他选择器
一直饿着肚子·2023-03-30 10:14

html + css 基础总结

html+css基础总结文章目录html+css基础总结模板介绍Demo01-写一篇博客Demo02-超链接和列表Demo03-图片使用Demo04-知识补充Demo05-百度云盘制作Demo06-简单表格制作
迷路爸爸180·2023-03-30 09:10

CSS基础（一）

1.CSS的引入方式。外部样式表（推荐）使用标签，引入外部CSS文件；通常是将link标签写在网页的之间特点：代码量集中，容易混乱示例：内部样式表将css的样式代码放在html文档的标签中，引入css可以放到html文档的任何位置，但是建议不要放到标签外，通常将style标签放到HTML文件标签里特点：单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱示例：h1{bac
kkkker·2023-03-30 08:51

微信小程序学习历程 ：设置默认用户名和头像并在获取到用户数据后更新

本人也是初次接触微信小程序，无JavaScript和css基础，大部分按照官方文档流程来走还是比较清晰明了的。把遇到的一些官方文档没说清的写法记录下来，希望能对初次接触微信小程序的朋友们有所帮助。
潇_夏·2023-03-30 06:34

牵引力教育 web程序员如何提高自身技能

掌握HMTL&XHTML基础知识、CSS基础知识、Java基础知识DOM、JSON、AJAX、JavaFrameworks
瑾城_60b9·2023-03-30 05:53

开发中常用jQuery知识点总结

案例地址:https://github.com/pengjunshan/WebPJS/Jquery其它Web文章HtmlCss基础学习第一章CSS基础学习第二章CSS浮动的使用和解决浮动的五种
艾曼大山·2023-03-30 02:27

Day21表单标签和CSS基础

表单标签和input标签1.表单标签这个标签是作为一个容器，来收集和提交这个标签中的其他相关标签的数据。一般不会单独使用。action属性：设置提交路径（接口）method：设置请求方式（post，get）2.input标签input标签可以单独使用，也可以和form配合使用type属性：这个值不一样，input的功能就不一样text，passwordname：对输入的内容进行说明，提交数据的时候
圣咸鱼·2023-03-29 18:20

part2: CSS基础

image.pngHTML中引入CSS3种方式image.png调试image.pngimage.png选中相应元素后，在灰色的element.style｛｝中直接可以新增样式新增的样式如果和旧样式属性重复，则旧样式会自动显示删除线。image.pngCSS通过什么作用到HTML元素？选择器五大类选择器image.pngid选择器特点：全局唯一类选择器特点：image.png*{}.classNa
jasonhsu9·2023-03-29 06:30

CSS基础语法

CSS简介CSS的主要使用场景就是美化网页，布局页面的。HTML的局限性HTML只关注内容的语义，比如表明这是一个大标题，表明这是一个段落，表明这有一张图片，表示此处有链接。很早的时候，世界上的网站虽然很多，但是它们都有一个共同的特点：丑。虽然HTML可以做简单的样式，但是会非常的臃肿和繁琐CSS--网页的美容师CSS是层叠样式表(CascadingStyleSheets)的简称.有时我们也会称之
百事都可樂.·2023-03-29 05:40

2020前端面试题72道总结

当对一个文档进行布局的时候，浏览器的渲染引擎会根据标准之一的css基础框盒模型，将所有元素表示为一个个矩形的盒子一个盒子由四部分组成：content内容区域padding内边距清除内容周围的区域，内边距是透明的
anshaohan·2023-03-28 17:46

CSS基础布局

左右布局（高度自适应）1.左边定宽，右边自适应，或者右边定宽，左边自适应，（高度自适应）使用float完成效果图image.pngdiv核心代码margin-bottom:-30000px;padding-bottom:30000px;div代码aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacss代码.wrapper{overf
wfcsm·2023-03-28 16:14

2018-10-31css基础属性

一二、1，浮动会让标签脱离标准流布局（脱流）2，float属性left--左浮动ringt--右浮动3，脱流后的布局规则：不管什么标签都是一行显示多个，可设置宽高浮动原理：a.浮动会让标签脱离标准流进行布局(脱流)b.没有浮动的标签即占池底的位置，也占水面位置。浮动后只占水面位置三、清除浮动1，清楚浮动：清除因为浮动而产生的高度塌陷问题2，高度塌陷:当父标签不浮动，且不设置高度；单子标签浮动就会产
d_d_z·2023-03-26 17:45

CSS基础

介绍css相关知识和非布局属性。css：CascadingStyleSheet层叠样式表，简而言之就是css的样式是可以叠加的。默认是根据css选择器的权重，按权重进行叠加，权重值大的css覆盖权重小的css。基本规则选择器{属性：值;属性：值;}*选择器作用：用来匹配html元素。*多个选择器之间可以叠加*分类和权重*解析方式和性能浏览器解析选择器的顺序，是按照从右向左的。找到右边第一个选择器后
花括弧·2023-03-26 16:15

前端知识框架

计划在上写一些技术相关的文章，先整理下前端相关的一些知识点吧，争取每周至少有一篇文章的产出1.HTML/JS/CSS基础HTML、HTML5基础CSS、CSS3基础ES5基础、ES6基础以及ES6新特性上面这些是前端开发的基础
WHU_凌晨_Bin·2023-03-26 10:57

CSS基础之盒模型/BFC/浮动/定位/浏览器渲染页面流程/元素显示与隐藏

10.盒子模型(content、padding、border、margin)10.1边框属性border-widthborder-style:none/solid实/dashed虚/dotted点border-colorborder-radius圆角边框设置方式单个属性border-style:solid;连写border:1pxsolid#999;border+上下左右分开设border-top
金毛好文明·2023-03-25 14:14

HTML和Css的学习

网站开发的基本需求4.初步的代码实践5.HTML6.总手敲的代码：7.图片标签与图片属性8.引入文件的地址路径：9.链接标签10.跳转锚点11.特殊符号：12.列表标签13.嵌套列表14.表格表单15.Css
SYX_lh·2023-03-25 14:07

Day02-html和css基础

表单标签1.表单标签(form)表单标签一般用来做用户信息收集，单独用没有意义，一般是结合相关标签来使用(input,select,textarea)表单标签可以对包含在这个标签中的其它标签做信息的提交和重置action:提交位置(接口相关)method:请求方式(get/post)2.input标签单标签1)type属性：决定输入框的样式text(默认)-普通的文本输入框2)name属性：这个属
萌王史莱姆·2023-03-25 11:44

2018-07-19 CSS进阶

一、CSS基础知识1.CSS单位绝对单位很少用相对单位1.px，全称pixel，即像素。2.
_bab·2023-03-25 01:58

H5前端学习之一HTML和CSS基础认识

前言我是一个转行的前端小白，大专非计算机专业毕业，所以对计算机很不擅长，但是对信息技术的好奇，让我对技术党尤为崇拜，既然好奇代码和崇拜技术，不如成为它！所以我来学习了当前教主流的——前端。初学前端，刚刚接触基础的HTML和CSS内容，下面对我第一星期的学习做个总结和分享，如果内容有不恰当的地方大家可以和我交流、请多多指教。本周主要学习了HTML和入门认识即：HTML基础(标签和表单）、CSS（cs
星雨小可耐·2023-03-24 19:41

CSS基础-04-列表（有序列表、无序列表、自定义标记、移除默认标记）

1.有序列表和无序列表（list-style-type）1.1语法如果列表标签（/）和list-style-type的值对不上，则显示默认比如是无序标签，如果class属性设置了list-style-type:upper-roman，则会显示无序的默认值——实心圆。无序列表空心圆（circle）list-style-type:circle;实心圆（disc）list-style-type:disc
开发运维玄德公·2023-03-24 18:09

CSS基础选择器，你认识多少？

前言在上一文初识CSS中，我们了解到了其格式：选择器+{}在初步尝试使用时，我们笼统的直接输入了p{}以选择p标签来对其操作，而这一章节里，我们再进一步探索有关基础选择器的相关内容，理解选择器的作用。选择器分类标签选择器类选择器id选择器通配符选择器标签选择器结构：标签名{css属性名：属性值；}作用：通过标签名，找到页面中所有这类标签，设置样式特点：选择的是一类标签，而不是单独一个，且标签选择器
冰小九·2023-03-24 07:17

css基础(1)

一、CSS简介1.概念CSS(CascadingStyleSheets)，通常称为CSS样式表或层叠样式表（级联样式表）。它定义了如何显示HTML元素。HTML标签原本被设计为用于定义文档内容，样式表定义如何显示HTML元素。2.作用主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS以HTML为基础，提供了丰富的
zy_lalala·2023-03-24 01:35

CSS基础-07-盒子模型和轮廓（外边距 margin，边框border，内边距 padding，轮廓 outline）

1.盒子模型1.1盒子模型简介1.1.1概述Margin(外边距)清除边框外的区域，外边距是透明的。Border(边框)围绕在内边距和内容外的边框。Padding(内边距)清除内容周围的区域，内边距是透明的。Content(内容)盒子的内容，显示文本和图像。示意图：[图片上传失败...(image-3d161-1655303476642)]1.1.2示例蜀div{background-color:
开发运维玄德公·2023-03-23 18:20

day作业

01作业1部分后面操作相同day22复习总结网页版目录01表单标签102表单标签203空白标签04CSS基础05css选择器06伪类选择器01表单标签HTML表单:表单元素是允许用户在表单中输入内容,比如
木偶演员·2023-03-23 10:16

day2-课后总结

表单标签和CSS基础1.表单标签和input标签1.表单标签：form这个标签是一个容器，来收集和提交这个标签中的其他相关标签的数据一般不会单独使用action属性：设置提交路径（接口）method属性
麻瓜_1fb4·2023-03-23 07:39

html/css基础知识

1.文件结构：HTML文件的固定结构：......html是根标签head定义文档头部，包含：title,script,style,link,metabody是网页主要内容，包含：h1,h2-h6,p,a,img2.认识head标签：...网页标题......3.语义化：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也
泽玲_d7fb·2023-03-22 07:00

css基础简要(创建，语法，选择器，背景，文本，链接，字体，列表，表格，盒子模型，边框，属性，外边距，填充，分组嵌套，定位，尺寸，显示，浮动，对齐，Overflow ）

css选择器如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id"和"class"选择器。id选择器可以为标有特定id的HTML元素指定特定的样式。CSS中id选择器以"#"来定义。以下的样式规则应用于元素属性id="para1":ID属性不要以数字开头，数字开头的ID在Mozilla/Firefox浏览器中不起作用。class可以在多个元素中使用。在CSS中，类选择器以一个点"."号
dou527·2023-03-22 03:37

css撰写细节录

开发过程中还是会遇到一些样式问题调整半天，但我觉得一个前端程序员很不应该在样式上过于浪费时间，也还是因为自己的css基础不够牢固，对css渲染的理解过于表面。
lavi呀·2023-03-22 02:06

C3动画+H5知识点使用总结

案例地址:https://github.com/pengjunshan/WebPJS/C3H5Flex其它Web文章HtmlCss基础学习第一章CSS基础学习第二章CSS浮动的使用和解决浮动的五种方法CSS
艾曼大山·2023-03-21 19:13

（一）SCSS基础用法

1.当变量使用/*当变量使用*/$blue:#1875e7;div{color:$blue;}$side:left;.rounded{padding-#{$side}:5px;}2.计算功能、嵌套/*计算功能*/$var:4;body{margin:(14px/2);top:50px+100px;right:$var*10%;}/*嵌套*/div{hi{color:$blue;}}3.属性嵌套/*
皇甫圣坤·2023-03-19 08:18

CSS基础•上篇——学习周记3

为了让我们的网页更更更更更漂亮，那就立刻开始学习吧↓↓↓CSS基础学习CSS1.css基础2.cssid和class选择器3.css样式表3.1内部样式表3.2外部样式表4.css背景5.css链接样式
咸盐月饼·2023-03-18 18:24

CSS基础

CSS（层叠样式表）简介CSS是一种标记语言CSS主要用于设置HTML网页中的文本内容（字体、大小、对齐方式等），图片的外形（宽高、边框样、边距等）以及版面的样式和外观显示布局CSS可以美化HTML，让HTML更漂亮，让页面布局更简单HTML主要做结构，显示网页元素，CSS美化HTML，布局网页CSS最大的价值：由HTML专注去做结构呈现，样式交给CSS，即结构（HTML）与样式（CSS）相分离C
最后的轻语G·2023-03-18 11:54
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他