html+CSS学习日记
初学小白,欢迎收看
风华正茂呀
无
展开
-
CSS--立方体旋转
实现3d效果的正方体旋转效果rotate旋转3d场景设置 transform-style:persevere-3dperspective:px动画 写在@keyframesl里代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>正方体&...原创 2020-02-19 14:22:33 · 209 阅读 · 0 评论 -
CSS实现loading效果
loading其实就是八个小圆球有规律的放大缩小,注意放大缩小的顺序就行了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>londing</title> <style type="text/css"> *{ mar...原创 2020-02-18 17:54:14 · 240 阅读 · 0 评论 -
宽高自适应
宽高自适应网页布局中经常要定义元素的宽和高。但是很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应元素自适应在网页布局中非常重要,他能够使网页显示更加灵活,可以适应在不同设备、不同窗口和不同分辨率下显示1.宽度自适应元素宽度设置为100%(块元素宽度默认为100%)2.元素具备最小高度的自适应min-height属性:最小高度:可以让 内容少的时候仍然保持一定的高度...原创 2020-02-17 14:36:13 · 183 阅读 · 0 评论 -
定位锚点
1.元素的定位设置position属性:定义建立元素布局所用的定位机制【语法】:position:static/absolute/relative/fixed说明:static:默认值。没有定位absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过"left",“top”,“right”,“bottom"属性进行规定relative:生...原创 2020-02-17 13:48:54 · 372 阅读 · 0 评论 -
元素类型
1.元素类型根据CSS显示分类,XHTML元素被分为三种类型:块状元素块状元素在网页中就是以块的形式展示,所谓块状就是元素显示为矩形区域,常用块状元素包括div,dl,dt,dd,ul,fieldset,h#,p,form,hr,iframe,colgroup,col,table,tr,td,等默认情况下,块状元素都会占据一行,通俗的说,两个相邻块状元素不会出现并列显示的现象;默认情...原创 2020-02-16 16:10:56 · 575 阅读 · 0 评论 -
盒模型和文本溢出
一、盒模型1、盒模型的概念 如果CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框(element box),那么我们可以形象的将其看做是一个盒子 CSS围绕这些盒子产生了一种“盒子模型”概念,通过定义一系列与盒子相关的属性(内容、填充、边框、边界),可以控制各个盒子乃至整个HTML文档的表现效果和布局结构。 虽然CSS中没有盒子这个单独...原创 2020-02-16 15:26:22 · 244 阅读 · 1 评论 -
CSS核心属性
一、文本类属性名称语法说明字体类型{fnot-family:字体1,字体2 字体3;}字体123依次搜寻显示,字体是中文或者带空格时需加双引号文本大小{font-size:数值;}属性为数值时必须加单位文本颜色{color:颜色值}字体加粗{font-weight:}bolder/bold/normal或者数值100-900字体倾斜...原创 2020-02-16 14:23:25 · 122 阅读 · 0 评论 -
CSS基础--样式表及选择器
样式表的建立:方法一:内部样式表(嵌套到页面中)方法二:内联样式(行间样式,行内样式,嵌入式样式)方法三:引入外部样式表文件【注】:优先级 内联最高 内部与外部的话后书写的级别高CSS常用选择符统配:*id:#class:.类型:元素名称(如div)群组选择符1,选择符2{}可同时选中多个选择符包含选择符:选择符1 选择符2选择符权重名称权重...原创 2020-02-15 17:56:47 · 179 阅读 · 0 评论 -
HTML基础
1. 文本标题:【格式】:<h#><h#>,#为1~6,分别为6级标题2. 字体及字符实体语法说明<i></i> 或<em></em>倾斜标记<b></b> 或<strong></strong>加粗标记<u></u...原创 2020-02-15 16:40:51 · 173 阅读 · 0 评论