HTML+CSS基础

电玩女神 2022-01-06 16:17 295阅读 0赞

前端脚本与后端脚本的区别：能被浏览器所理解

Html —— 积木库

Css —— 积木详细样式设计

JavaScript ——dom（操作控制积木）

Html:

<div></div> 块状容器

<span></span> 行内容器

<table></table> 块状容器

<textarea rows=””, cols=””></textarea>

<select>

<option>男</option>

<option>女</option>

</select>

Css:三种使用方法

1.  内联： 在标签内设置style="color:red;mso-para-margin-left:0.0000gd;mso-list:l0 level1 lfo1;">
2.  页内： 在head内设置style标签

<style type = "html/css">

.mid\{

color: red;

\}

</style>

3.页外：设置a.css文件， link引进文件

<link herf = “a.css” rel=”stylesheet” />

Css文件内使用!important 强制优先

选择器：

.\{ \} 类选择器 class属性 可以放置多个类 加空格

\#\{ \} id选择器 id属性

td\{ \} 标签选择器

\[class=‘mid’\] 属性选择器 ps:加单引号

tr td\{ \} 子孙选择

tr>td\{ \} 子选择 td在tr的直系子孙

tr,a\{ \} 或关系

Ctrl+shift+f 格式化前端css代码

属性: overflow 页面太长时自动加滚动条

Color background-color

Box模型

大小： width height //200px 50%

位置：left, right, top, bottom //先设置position

外边距margin：margin-left //会改变位置

内边距 padding: padding-left //会改变自身大小

边框 border：border-left //border:1px \#ff0000 solid;

定位方式：position //position:fixed;left:200px;

fixed : 以body为起始

absolute : 以上一级位置开始

relative : 以原本位置开始，相对布局

转载于:https://www.cnblogs.com/wanglinyu/p/8470130.html

发表评论取消回复

表情：

评论列表（有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTMLCSS学习笔记（二十三）GRID布局

GRID布局它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局 Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的

拼搏现实的明天。/ 2023年10月06日 15:28/ 0 赞/ 88 阅读

相关 HTMLCSS学习笔记（二十四）浏览器兼容

浏览器兼容浏览器 ![18d351598399497bb326248e9b1219fe.png][] 浏览器大战 ![32ff149e3df74d5e8868

ゝ一纸荒年。/ 2023年10月06日 15:28/ 0 赞/ 86 阅读

相关 HTMLCSS学习：移动端项目准备工作（笔记二十）

移动端项目准备工作 meta标签的设置  <meta name="viewpor

阳光穿透心脏的1/2处/ 2023年10月06日 15:26/ 0 赞/ 29 阅读

相关 HTMLCSS小白——浮动模型、两个经典bug（bfc解决四种方式）、导航栏、伪元素、文字溢出处理

文字溢出处理 <!DOCTYPE html> <html> <head> <title></title> <style typ

叁歲伎倆/ 2023年07月10日 11:30/ 0 赞/ 41 阅读

相关 HTMLCSS小白——盒子模型，绝对定位和相对定位

<!DOCTYPE html> <html> <head> <title></title> <style type="text/cs

水深无声/ 2023年07月10日 08:10/ 0 赞/ 38 阅读

相关 htmlcss使用及html5新特性笔记整理

【html基础】 Hyper text markup language 超文本标签语言。不是一种编程语言，而是一种标记语言标记语言是一套标记标签开发工具

女爷i/ 2023年03月03日 05:59/ 0 赞/ 22 阅读

相关音乐社交类登录注册htmlcss3+html5模板

[下载地址][Link 1] 一款通用的社交平台网站登录注册表单切换页面模板。支持手机验证码，图片验证码，第三方登录等功能。 ![8832d92220fd03c4fcef1

超、凢脫俗/ 2022年09月14日 00:27/ 0 赞/ 267 阅读

相关基础学习——MySQL基础

1.基础数据库用于记录数据，使用数据库记录数据可以表现出各种数据间的联系，也可以很方便地对所记录的数据进行增、删、改、查等操作。结构化查询语言(Structured

「爱情、让人受尽委屈。」/ 2022年04月13日 04:27/ 0 赞/ 385 阅读

相关 python基础-函数基础

一、函数：在进行一些项目时，某些功能会被反复的调用，那么我们就可以把这些功能封装成为函数。需要用这些功能时再调用函数。二、定义函数 def 函数名(参数1，

浅浅的花香味﹌/ 2021年12月17日 05:25/ 0 赞/ 432 阅读

相关前端基础--css基础

CSS基础一、CSS代码语法 1. 组成 2. 注释二、CSS样式 1. 内嵌式

喜欢ヅ旅行/ 2021年09月23日 08:56/ 0 赞/ 522 阅读