css基础

前端css基础知识学习

css主要作用：美化网页、布局页面。html负责结构、css负责美化布局（一位网页美容师）css是层叠样式表的简称（style）css和html一样是一种标记语言；主要设置html页面的文本内容（字体、大小、对齐方式）；图片外形（宽高边距）、以及版面的布局和外观显示样式。css作用：美化网页、布局简单。简单总结：html主要做结构，显示元素内容。css美化html、布局网页。css最大的价值：由h
Aggressive-Cute·2023-04-05 21:38

html+css+javascript知识点总结

一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
hholy124·2023-04-05 21:06

HTML、CSS基础知识汇总

一、CSS权重及其引入方式1.1CSS引入方式网页引入CSS样式的几种方法，包括内联式样式表、嵌入式样式表、外链式、导入式1.内联式样式表：直接写在现有的元素标签中，比如：www.jb51.net2.嵌入式样式表：使用标签嵌入到HTML文件的头部中标记中，如：p{font-size:18px;color:#093;}3.外链式：使用标签调用CSS文件（最佳实践），如;4.导入式：也可以使用导入方式
yxiuzhu·2023-04-05 21:36

CSS与CSS3美化页面

1.2样式层叠次序二、CSS基础语法2.1介绍2.2注释三、CSS使用方式3.1如何插入样式表3.2外部导入方式（外部链入）3.3内部方式（内嵌样式）3.4内联方式（行内样式）3.5三种样式表总结四、CSS
AllenCode7·2023-04-05 21:00

前端基础知识第一章---CSS

-CSS一、CSS第一章（1）CSS简介1.1HTML的局限性1.2CSS网页的美容师1.3CSS语法规范1.4CSS代码风格1.4.1样式格式书写1.4.2样式大小写风格1.4.3样式空格风格（2）CSS
battledao eternity·2023-04-05 19:33

渗透测试学习目录

网络攻击防范课程介绍1HTML01HTML标签和文本属性02form表单input标签属性03a标签img标签table标签04无序列表和有序列表05framesetframe框架的使用2divcss基础
/home/liupc·2023-04-05 18:29

【测试基础】之03 CSS入门基础

CSS基础目标知道CSS的作用基本掌握CSS语法规则CSS简介CSS：(CascadingStyleSheets)指层叠样式表作用：用来定义如何显示HTML元素（定义HTML元素的样式），就像HTML中的字体标签和颜色属性所起的作用那样样式通常保存在外部的
凉生爱喝奶茶·2023-04-05 17:11

第四章CSS基础

文章目录学习CSS的目的引入的三种方式内部样式表行内样式表外部样式表选择器的分类基础选择器标签选择器类选择器id选择器通配符选择器复合选择器后代选择器子选择器并集选择器伪类选择器盒子模型不同浏览器下盒子模型的区别边框内边距外边距去除浏览器默认样式元素的显示模式块级元素行内元素/内联元素改变显示模式CSS布局弹性布局flex布局基本概念常用属性常见的元素属性设置字体属性文本属性背景属性边框样式学习C
库里不会投三分·2023-04-05 13:18

【02】 PC端网页布局之CSS3-pink老师-2022/03

PC端网页布局之CSS3黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili1.CSS基础css最大价值：让HTML专注做结构呈现
鬼扯子·2023-04-05 09:24

1.6 前端设计——HTML5+Javascript+CSS基础

前端设计时，为了兼容微信内置浏览器，我们采用H5页面的方式进行设计，设计界面时，我们必须充分考虑当前界面是要适配手机操作的。结合前面的介绍，本章结束时，我们能够完成一个简单的小项目（程序）——选课系统，这个项目是可以运行在微信浏览器中的，我们将该项目的演示界面和网址放到下面，读者可以通过微信扫一扫进行访问：扫描上述二维码后，可以看到下面的界面（*程序图片元素来源于互联网，仅为教学展示使用，如有异议
WCloud.Tech.Sheng·2023-04-05 04:29

JavaWeb学习笔记01--HTML和CSS基础

一.简介1.B/S软件的结构即浏览器Browser/服务器Server结构2.前端开发流程网页设计师根据需求设计网页–前端工程师将设计做成静态网页–后台工程师将静态网页修改成动态网页（java程序员）3.网页的组成部分内容（结构），表现，行为4.HTML简介超文本标记语言，HTML通过标签来显示网页的各个部分。5.创建HTML文件（1）创建一个web工程（静态工程）（2）在工程下创建HTML页面技
二荆条3.0·2023-04-04 14:27

JavaWeb笔记---html/css基础学习1

1.B/S软件的结构JavaSE是属于C/S(ClientServer)结构.B/S软件的结构:客户端与服务器端交互.2.网页的组成:内容,表现,行为(1)内容:页面中可以看到的数据(2)表现:内容的展现形式;(3)行为:页面中的元素与输入设备交互的响应.一般使用JavaScript实现.3.HTML简介:HyperTextMarkupLanguage(超文本标记语言)4.创建HTML文件(以ID
漂酿男骸·2023-04-04 13:02

第二天CSS学习心得

今日知识点：1、css基础选择器优先级2、css文本相关属性3、css选择器进阶（6个）4、盒模型初识CSS学习目标能够说出什么是CSS熟悉CSS的语法规范掌握CSS的三种引入方式，能够使用3种引入方式写一个红色的小方块什么是
叮咚东·2023-04-04 00:19

css基础

目录第一章：css简介：1.1、css层叠样式表1.2、设置方式：1.3、元素显示模式：块元素和行内元素HTML元素一般分为块元素和行内元素两种。1.4基本语法：第二章常用选择器1.1常用选择器1.2复合选择器1.2.1交集选择器：紧挨着1.2.2并集选择器：以逗号隔开1.2.3后代选择器：以空格隔开1.2.4子代代选择器：以>大于号隔开1.3属性选择器1.4伪类选择器1.4.1伪类：-child
11路的卷尺·2023-04-04 00:40

CSS基础&面试题精选

css基础1.引入CSS样式表（书写位置）1.1行内式（内联样式）内容实际上任何HTML标签都拥有style属性，用来设置行内式。
格雷狐思·2023-04-04 00:30

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
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他